html5笔记——section标签
定义和⽤法
<section> 标签定义⽂档中的节（section、区段）。⽐如章节、页眉、页脚或⽂档中的其他部分。
注意：
section 不是⼀个专⽤来做容器的标签，如果仅仅是⽤于设置样式或脚本处理，专⽤的是 div
section ⾥应该有标题（h1~6），但⽂章中推荐⽤ article 来代替
⼀条简单的准则是，只有元素内容会被列在⽂档⼤纲中时，才适合⽤section元素。
section的作⽤是对页⾯上的内容进⾏分块，如各个有标题的版块、功能区或对⽂章进⾏分段，不要与有⾃⼰完整、独⽴内容的article混淆。
⼀个section通常由内容和标题组成，通常不推荐那些没有标题的内容⽤section，在这个⽹站可以检测没有标题的section，section的作⽤是对页⾯上的内容进⾏分块，如各个有标题的版块、功能区或对⽂章进⾏分段，不要与有⾃⼰完整、独⽴内容的article混淆。
使⽤<section>
以下内容来⾃：
<section>可以相互嵌套，在页⾯中定义了⼀个特殊的顶级区块，于是可以从<h1>开始列提纲⽽不⽤担⼼会破坏⽹页的纲要。尽管没到明确说明，但我个⼈认为在每⼀层<section>⾥还是仅使⽤⼀个<h1>为佳。
以Wordpress主题为例，我认为与#sidebar相对的#content部分，使⽤<section>包裹⼀堆<article>作为页⾯的主要内容并不太合适。⽽使⽤<section>⽤在整体布局是明显错误的了。⽽适合使⽤<section>标签的地⽅有：
⽂章的评论列表，有着整齐的结构；
⽂章内容的⽬录，有着⽂章内部结构纲要；
侧栏widget，在中我看到了这样的设计，因为widget内容⼤都是评论列表、⽂章列表，有着清晰的结构且是独⽴完整的⼀部分；
包裹⽂章中各个章节的段落，但要在编辑器完成，⽬前来看并不易⽤。
举例说明
以以下内容来⾃问题中知乎⽤户的回答
拿报纸举个例⼦：
⼀份或⼀张报纸有很多个版块，有头版、国际时事版块、体育版块、娱乐版块、⽂学版块等等，像这种有版块标题的、内容属于⼀类的版块就可以⽤section包起来。
然后在各个版块下⾯，⼜有很多⽂章、报道，每篇⽂章都有⾃⼰的⽂章标题、⽂章内容。这个时候⽤article就最好。如果⼀篇报道太长，分好多段，每段都有⾃⼰的⼩标题，这时候⼜可以⽤section把段落包起来。
虽然这些标签有这个有那个的限制，官⽅规范建议也是模模糊糊的，但是不要忘记了html5语义化标签的意义，其中⼀个就是更⽅便开发⼈员阅读代码⽂档，理清代码结构。个⼈觉得，如果能⽅便⾃⼰和他⼈阅读理解的标签，那就⼤胆⽤吧。
最后，觉得造成⼤家标签选择困难症的原因其实也跟html5语义化结构标签太少有关，如果添加更多，更加细分、⽹页常⽤、功能专⽤的标签，像评论部分增加comment标签，友情链接增加link标签，分页增加paging标签，作者信息增加author标签等等，就不会纠结遇到相似功能的标签到底⽤那个好了，div就
不⽤思考这个，⼀棍⼦打下去全中。
为什么要⽤
为了语义化，有section、article、dl看这多舒服，⼈也好理解，计算机也好理解，⽐满眼的div好多了。
例如：
<section>
<h1>WWF</h1>
<p>The World Wide Fund for Nature (WWF) is....</p>
</section>
div\section\article各⾃适⽤场景：
div充当容器的⾓⾊，⽤来设置某⼀块的总体属性（⼀个div⾥⾯可能包含多个section）；
section⽤于强调某⼀个模块，强调模块本⾝是作为⼀个整体的；
html5标签区分大小写
article⽤于强调某⼀段独⽴的内容，强调内容的独⽴性。
推荐⽂章：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。