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> 可能是更好的選擇。