部分元素

<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 元素。

点击这里阅读 <main> 元素的官方 HTML5 规范