VIP付费课程

article、section布局写法实例(1)

定义

section元素是HTML5中用来定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

用法

  • section 不是一个专用来做容器的标签,如果仅仅是用于设置样式或脚本处理,专用的是 div
  • section 里应该有 标题(h1~6),但文章中推荐用 article 来代替
  • 一条简单的准则是,只有元素内容会被列在文档大纲中时,才适合用section元素。
  • section的作用是对页面上的内容进行分块,如各个有标题的版块、功能区或对文章进行分段,不要与有自己完整、独立内容的article混淆。

形象举例

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

发表评论