hgroup 要素見出しをまとめる
hgroup 要素はセクションの見出しを表し、見出し要素 （h1, h2, h3, h4, h5, h6 要素）、および p 要素の組み合わせで構成される見出しやタグラインなどを 1つのグループにまとめます。
hgroup 要素の仕様
- カテゴリ
- コンテンツモデル
-
- 0個以上の p 要素に続いて、1個の h1, h2, h3, h4, h5, h6 要素。さらに 0個以上の p 要素が続き、必要に応じてスクリプト支援要素（script 要素、template 要素）と混在する。
- この要素を使用できる文脈
ヘディングコンテンツが期待される場所
- この要素で使用できる属性
hgroup 要素のサンプルソース
<!-- サイトタイトルとサブタイトルをまとめた例 --> <body> <header> <hgroup> <h1>俺の日記</h1> <p>俺だよ俺</p> </hgroup> <p>日々の出来事を適当に書いてる日記です。</p> </header> <article> <h2>○月○日の出来事</h2> <p>今日はとても暑い日でした。</p> </article> …省略… </body>
<!-- hgroup 要素が使えない場合の例 --> <body> <header> <h1> 俺の日記 <span>俺だよ俺</span> </h1> <p>日々の出来事を適当に書いてる日記です。</p> </header> <article> <h2>○月○日の出来事</h2> <p>今日はとても暑い日でした。</p> </article> …省略… </body>
主要ブラウザの対応
| IE11 | ○ |
|---|---|
| Edge（EdgeHTML） | ○ |
| Edge（Chromium） | ○ |
| Chrome | ○ |
| Firefox | ○ |
| Safari | ○ |
| iOS Safari | ○ |
| Android Chrome | ○ |