扫码关注官方订阅号
<section>元素是有语意的区段,帮助构建文档大纲。
最近在学标签语义化,不理解这句话的意思,文档大纲是什么东西?能不能举个栗子?谢谢。
走同样的路,发现不同的人生
section
... <section> <h2>....</h2> <p>...</p> ..... </section> <section> <h2>....</h2> <p>...</p> ..... </section> <section> <h2>....</h2> <p>...</p> ..... </section> ...
一般是这么个情况 section的子元素最好含有标题。然后并列的section在意义上要同属一一个内容。
<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
我觉得word用的好的话应该会更理解这个,word的每个文档都能通过插入分节符生成新的节,而每节里都可以应用独立的页眉页脚等等,也有个大纲视图可以简要的呈现文档的结构(当然word和网页还是有区别的,不能直接对应)。section标签你可以看作是一个大的章节,这个章节里有自己独立的各个级别标题(h2、h3、h4这些),也有独立的内容块(article标签)和页眉页脚等(header和footer),所以整个网页如果抽象成一个树形结构的话,可以很清楚的通过每一个section来得知网页大概的内容构成。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
section
一般是这么个情况 section的子元素最好含有标题。然后并列的section在意义上要同属一一个内容。
<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
我觉得word用的好的话应该会更理解这个,word的每个文档都能通过插入分节符生成新的节,而每节里都可以应用独立的页眉页脚等等,也有个大纲视图可以简要的呈现文档的结构(当然word和网页还是有区别的,不能直接对应)。section标签你可以看作是一个大的章节,这个章节里有自己独立的各个级别标题(h2、h3、h4这些),也有独立的内容块(article标签)和页眉页脚等(header和footer),所以整个网页如果抽象成一个树形结构的话,可以很清楚的通过每一个section来得知网页大概的内容构成。