HTML5 <section>

HTML Section 元素 (<section>) 表示文档中的一个区块（或章节），比如，内容中的一个专题组，一般来说会有包含一个标题。 每个<section>的结构应该是相似的，通常会将一个标题元素(<h1>–<h6> 元素)作为子元素。

用法说明 :

• 如果<section>元素的内容感觉是相互分离但可以合在一起的内容，那么，应该用<article>元素来替换它。
• 不要把 <section> 元素作为一个普通的容器来使用；这种情况是 <div>的适用范围，特别是当它的目标只是美化样式的情况。 通常来说一个 <section> 应该只被当做文档结构框架来使用。

用法说明：

<section>
  <h1>Heading</h1>
  <p>Bunch of awesome content</p>
</section>

例 2

主体前

<div>
  <h2>Heading</h2>
  <img>some image</img>
</div>

主体后

<section>
  <h2>Heading</h2>
  <img>some image</img>
</section>