HTML5のsection要素とdiv要素

HTML5で導入されたsection要素は、文書の論理的な区切り（section）を表すために使われます。
一方、div要素は文書の論理的な区切りではなく、HTMLファイル上の区切りを表すために使います。
そのため、section要素ブロック内では、見出し要素（h1~h6）が必ず必要となります。
div要素は、単にレイアウト上の区切りとして使うことが多いようです。

<section id="chapter1">
  <h1>Chapter 1</h1>
  <p>This section is chapter 1</p>
</section>
<section id="chapter2">
  <h1>Chapter 2</h1>
  <p>This section chapter 2</p>
</section>

論理的な区切りではsectionを使う。

<div id="left-column">
  <p>This block position is left column.</p>
</div>
<div id="right-column">
  <div id="navigation">
    <ul>
      <li>Top</li>
      <li>Recent</li>
    </ul>
  </div>
</div>

レイアウトのための区切りはdivを使う。

タグ：HTML HTM5 section div