部分元素

<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 規範