HTML5之section元素
定义
section元素是HTML5中用来定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
用法
- section 不是一个专用来做容器的标签,如果仅仅是用于设置样式或脚本处理,专用的是 div
- section 里应该有 标题(h1~6),但文章中推荐用 article 来代替
- 一条简单的准则是,只有元素内容会被列在文档大纲中时,才适合用section元素。
- section的作用是对页面上的内容进行分块,如各个有标题的版块、功能区或对文章进行分段,不要与有自己完整、独立内容的article混淆。
形象举例
拿报纸举个例子:
一份或一张报纸有很多个版块,有头版、国际时事版块、体育版块、娱乐版块、文学版块等等,像这种有版块标题的、内容属于一类的版块就可以用section元素包起来。
然后在各个版块下面,又有很多文章、报道,每篇文章都有自己的文章标题、文章内容。这个时候用article元素就特别好。如果一篇报道太长,分好多段,每段都有自己的小标题,这时候又可以用section把段落包起来。