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>
阅读余下内容