部分元素
<section>
元素表示主题分组内容的通用部分。通常,每个部分都应该能够标识为标题元素作为 section
的子元素。
- 你可以在
<article>
中使用<section>
元素,反之亦然。 - 每个部分都应该有一个主题 (标识该区域的标题元素)
- 不要将
<section>
元素用作一般样式的容器。
如果你需要一个容器来应用样式,请使用<div>
代替。
在下面的示例中,我们将显示一个包含多个章节的博客文章,每个章节都是一个部分 (一组主题分组的内容,可以通过每个部分中的标题元素进行标识) 。
<article>
<header>
<h2>Blog Post</h2>
</header>
<p>An introduction for the post.</p>
<section>
<h3>Chapter 1</h3>
<p>...</p>
</section>
<section>
<h3>Chapter 2</h3>
<p>...</p>
</section>
<section>
<h3>Comments</h3> ...
</section>
</article>
笔记:
当有意义地联合元素的内容时,开发人员应该使用 article 元素。