HTML Tag Reference

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

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

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