HTML <section> 標籤

<section>是HTML5新增的語義化標籤之一。

關於語義化標籤的概念與作用可以參閱HTML 語義化佈局概述一章節。

一.<section>標籤作用：

此標籤的功能與<article>標籤比較類似，兩者聯絡與區別簡單總結如下：

（1）.<article>可以認為是特殊<section>。

（2）.<article>更加強調獨立性，語義更加明確。

（3）.<section>雖然也具有一定獨立性，更加強調對完整的內容劃分割槽塊。

artice翻譯成漢語具有"文章"的意思，section翻譯成漢語具有"章"或者"區"的意思。

如果說<article>標籤標示一篇完整的文章，那麼<section>就可以標示一篇完整文章中的段落或者章節。

但是不能因此就說，<section>標籤從屬於<article>標籤，它們是可以互相巢狀的。

二.程式碼片段：

[HTML] 純文字檢視 複製程式碼
<article>
  <header>
    <h1>HTML語義化佈局</h1>
    <p>釋出時間：<time datetime="2019-8-1">2019/08/01</time></p>
  </header>
  <p>文章內容</p>
  <section>
    <h2>評論</h2>
    <article>
      <header>
        <h3>評論者: 螞蟻部落</h3>
        <p><time datetime="2019-8-1">一分鐘前</time></p>
      </header>
      <p>評論內容</p>
     </article>
  </section>
</article>

上述是一個涉及到<section> 標籤的程式碼片段，分析如下：

（1）.整體通過<article>標籤生成一篇文章。

（2）.評論區域是文章的一部分或者一個"章節"，那麼使用<section> 標籤。

（3）.評論區域中的每一條評論可以看做獨立的內容，所以可以用<article>生成。

關於<section> 標籤可以參閱HTML <article> 標籤一章節。