section

sectionタグは汎用的な一つのセクションであることを示すタグです。html5はセクショニングコンテンツで意味のあるセクションタグが多数用意されている中で、sectionタグだけは汎用的に用いることができます。

用例

<article>
<div class="contents">
  <h1>メイン見出し</h1>
  <p>
    段落が入ります。
  </p>
  <section>
    <div class="section01">
      <h2>セクションの見出し</h2>
      <p>
        段落が入ります。
      </p>
    <!-- /section01 --></div>
  </section>
  <section>
    <div class="section02">
      <h2>セクションの見出し</h2>
      <p>
        段落が入ります。
      </p>
    <!-- /section02 --></div>
  </section>
<!-- /contents --></div>
</article>

sectionの注意点

sectionは汎用的な要素をグルーピングするタグですが見た目のためだけの使用は避けるようにします。見た目のために用いる場合はdivやspanを用います。