【HTML5】何时用section

section元素表示文档或应用的一个部分。所谓“部分”，这里是指按照主题分组的内容区域，通常会带有标题。【也就是每个section对应不同的主题。注意是内容本身的主题，而不是其他人为设定的划分标准。】

section的例子包括书的章节回目、多tab对话框的每个tab页、论文以数字编号的小节。网站的主页可能分成介绍、最新内容、联系信息等section。

注意：网页作者应使用article而不是section元素，如果其内容是用于聚合（syndicate）。【比如blog首页上的每篇blog。又如论坛帖子的一楼、二楼、三楼……n楼。通常这样的每部分内容形式上是类似的，但是来源是独立的。】

注意：section不是通用容器元素。如果仅仅是用于设置样式或脚本处理，应用div元素。一条简单的准则是，只有元素内容会被列在文档大纲中时，才适合用section元素。

作者：贺师俊
链接：http://www.zhihu.com/question/20227599/answer/14582155
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

section，顾名思义就是一个章节，比如：
<section>
<h1>WWF</h1>
<p>The World Wide Fund for Nature (WWF) is....</p>
</section>

一个section通常由内容和标题组成，通常不推荐那些没有标题的内容用section，在HTML 5 Outliner这个网站可以检测没有标题的section，section的作用是对页面上的内容进行分块，如各个有标题的版块、功能区或对文章进行分段，不要与有自己完整、独立内容的article混淆。

拿报纸举个例子：
一份或一张报纸有很多个版块，有头版、国际时事版块、体育版块、娱乐版块、文学版块等等，像这种有版块标题的、内容属于一类的版块就可以用section包起来。
然后在各个版块下面，又有很多文章、报道，每篇文章都有自己的文章标题、文章内容。这个时候用article就最好。如果一篇报道太长，分好多段，每段都有自己的小标题，这时候又可以用section把段落包起来。

虽然这些标签有这个有那个的限制，官方规范建议也是模模糊糊的，但是不要忘记了html5语义化标签的意义，其中一个就是更方便开发人员阅读代码文档，理清代码结构。个人觉得，如果能方便自己和他人阅读理解的标签，那就大胆用吧。

作者：蛋糕
链接：http://www.zhihu.com/question/20227599/answer/16314207
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。