section

<section>

HTML Section 元素 表示包含在HTML文件中的功能性的独立的部分，通常具有一个标题，它不必代表它的更具体的语义单元。

举个例子，导航菜单应该包装在一个<nav>元素中，但是一个搜索结果列表和一个地图显示及其控件没有具体的元素，可以放在一个<section>。

属性

这个元素只包含全局属性。

使用说明

• 每一个都<section>应该被识别出来，通常包括一个标题（<h1>- <h6>元素）作为元素的一个子<section>元素。

• 如果单独联合一个<section>元素的内容是有意义的，请改用一个<article>元素。

• 不要将该<section>元素用作通用容器; 这是为什么<div>，特别是当切片只是为了造型的目的。经验法则是一个部分应逻辑地出现在文档的大纲中。

例1

Before

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

After

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

例2

Before

<div>
  <h2>Heading</h2>
  <img src="bird.jpg" alt="bird">
</div>

After

<section>
  <h2>Heading</h2>
  <img src="bird.jpg" alt="bird">
</section>

规范

浏览器兼容性