最高效的WEB程序员学习网站
SVG手册 HTML5手册
 

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>