HTML 截面元素

示例

该<section>元素表示一个通用的部分主题内容组。通常,每个部分都应该能够使用heading元素标识为的子元素section。

  • 您可以在中使用<section>元素,<article>反之亦然。

  • 每个部分都应有一个主题(标识此区域的标题元素)

  • 请勿将<section>元素用作一般样式的“容器”。
    如果您需要一个容器来应用样式,请改用a <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规范