HTML Tag Reference

section 要素

文書のセクションを表す

section 要素は文書内の一般的なセクションを表します。セクションは通常、見出しを伴う文書内の章や節などが挙げられます。

section 要素はセクショニング・コンテンツです。

セクショニング・コンテンツは section 要素以外にもありますが、section 要素以外に適切な要素がない場合に選択します。他に適切なセクショニング・コンテンツがある場合はそちらを使用しましょう。

section 要素の仕様

コンテンツモデル
この要素を使用できる文脈

フロー・コンテンツが期待される場所

この要素で使用できる属性

section 要素のサンプルソース

<article>
 <header>
  <h1>ブログの記事</h1>
  <p><time datetime="2013-06-12T10:30:42+09:00">公開日: 2013年6月12日</time></p>
 </header>
 <p>本文</p>
 <p>...</p>
 <section>
  <h1>この記事へのコメント</h1>
  <article>
   <h1>二郎さんのコメント</h1>
   <p>とても参考になりました。</p>
   <footer>
    <address>投稿者: <a href="mailto:jiro@example.com">日本二郎</a></address>
   </footer>
  </article>
  <article>
   <h1>三郎さんのコメント</h1>
   <p>とても勉強になりました。</p>
   <footer>
    <address>投稿者: <a href="mailto:saburo@example.com">日本三郎</a></address>
   </footer>
  </article>
 </section>
 <footer>
  <address>
   著者: <a href="mailto:japan@example.com">日本太郎</a>
  </address>
 </footer>
</article>

主要ブラウザの対応

IE11
Edge(EdgeHTML)
Edge(Chromium)
Chrome
Firefox
Safari
iOS Safari
Android Chrome

用途から目的の要素を探す

用途から HTML 要素を逆引きできます。