2.4　<section>标签

<section>标签是HTML 5引入的另一个语义化标签，作用是对页面上的内容进行分块。这里的分块主要是按照功能来分，比如一个新闻消息的列表展示页可分为国际版块、娱乐版块、体育版块，等等。每一个板块都可以使用<section>来划分，而每个版块都需要有自己的标题和内容并且相对独立。

例如图2-1所示的场景页面，我们使用<section>标签进行划分。<section>标签也没有特殊的样式，使用起来和<div>标签是一样的，如示例代码2-4-1所示。

图2-1　<section>使用场景

下面总结一下<section>标签的使用场景和规范：

·　使用<section>标签时，里面的内容一般要搭配标题和正文等，例如<h1>~<h6>或者<p>标签。

·　每个<section>标签都是一个独立的模块，这些独立模块内部不应该再嵌套<section>标签，但是多个<section>标签可以并列使用。

·　<section>标签不应当作一个容器元素，它的语义化更强一些，当无法找到使用<section>标签的充分理由时，尽量不要使用。