该<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规范