html - <section>帮助构建文档大纲?
怪我咯
怪我咯 2017-04-17 14:30:20
[HTML讨论组]
<section>元素是有语意的区段,帮助构建文档大纲。

最近在学标签语义化,不理解这句话的意思,文档大纲是什么东西?能不能举个栗子?谢谢。

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(3)
PHP中文网

section

...
<section>
    <h2>....</h2>
    <p>...</p>
    .....
</section>
<section>
    <h2>....</h2>
    <p>...</p>
    .....
</section>
<section>
    <h2>....</h2>
    <p>...</p>
    .....
</section>
...

一般是这么个情况 section的子元素最好含有标题。然后并列的section在意义上要同属一一个内容。

PHPz

<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

PHP中文网

我觉得word用的好的话应该会更理解这个,word的每个文档都能通过插入分节符生成新的节,而每节里都可以应用独立的页眉页脚等等,也有个大纲视图可以简要的呈现文档的结构(当然word和网页还是有区别的,不能直接对应)。section标签你可以看作是一个大的章节,这个章节里有自己独立的各个级别标题(h2、h3、h4这些),也有独立的内容块(article标签)和页眉页脚等(header和footer),所以整个网页如果抽象成一个树形结构的话,可以很清楚的通过每一个section来得知网页大概的内容构成。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号