<section>帮助构建文档大纲？

Question

<section>元素是有语意的区段，帮助构建文档大纲。

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

Answer 1

section

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

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

Answer 2

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

Answer 3

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