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

仕様書の該当箇所

4.3.3 The section element

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

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

テキストに対する意味づけを行いたい
テキストの編集を示したい
改行や折り返しを指定したい
上付きや下付きを指定したい
テキストの書字方向を制御したい
テキストにルビをふりたい
箇条書きなどリストを表したい
セクションを定義したい
コンテンツをグループ化したい
画像や映像などを埋め込みたい
スクリプトやスタイルを埋め込みたい
フォーム関連の要素
テーブル関連の要素
ドキュメントにメタデータを付与したい
インタラクティブな要素
その他

このページの上部へ