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 | ○ |