概要

HTML Section 元素 (<section>) 表示文档中的一个区域(或节),比如,内容中的一个专题组,一般来说会有包含一个标题(heading)。一般通过是否包含一个标题 (<h1>-<h6> element) 作为子节点 来 辨识每一个<section>。

使用提醒:

  • 如果元素内容可以分为几个部分的话,应该使用 <article> 而不是 <section>
  • 不要把 <section> 元素作为一个普通的容器来使用,这是本应该是<div>的用法(特别是当片段(the sectioning )仅仅是为了美化样式的时候)。 一般来说,一个 <section> 应该出现在文档大纲中。

使用场景

合法内容 Flow content
标签省略 无,开始标签和结束标签都不可省略
合法父元素

任何接受 flow content 的元素。注意. 一个 <section> 元素一定不能作为 <address> 元素的子节点。

DOM接口 HTMLElement

属性(Attributes)

此元素只包含 全局属性(the global attributes).

范例1:

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

范例2:

之前

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

之后

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

详述:

Specification Status Comments
HTML Living Standard
<section>
Living Standard  
HTML 5.1
<section>
Recommendation  
HTML5
<section>
Recommendation  

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 5 4.0 (2.0) 9.0 11.10 4.1
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 2.2 4.0 (2.0) 9.0 11.0 5.0 (iOS 4.2)

参见

文档标签和贡献者

此页面的贡献者: wbamberg, kevinfszu, Annlix, ziyunfei, TimZhao
最后编辑者: wbamberg,