HTML <section> 群組區塊

<section> 標籤 (tag) 用在 HTML 文件中有明顯含義的區塊 (related grouping of semantic meaning)，一般來說 section 區塊中也會有自己的標題 (h1-h6)。

舉個例子：

<section>
  <h1>Heading</h1>
  <p>Bunch of awesome content</p>
</section>

或：

<article>
  <section id="intro">
      <!-- 介紹 -->
  </section>

  <section id="main_content">
      <!-- 主內容 -->
  </section>

  <section id="related">
      <ul>
          <li><a href="that.html">相關文章</a></li>
          <li><a href="this.html">相關文章</a></li>
      </ul>
  </section>
</article>

不要將 <section> 當做一般容器或 CSS 排版來用，那你應該是要用 <div>，div 才是不含任何語意的一般性容器標籤。

如果內容具備完整的獨立性，用 <article> 可能是更好的選擇。