hgroup 要素見出しをまとめる

hgroup 要素は、2012年 12月 17日付け勧告候補(HTML5 W3C Candidate Recommendation 17 December 2012) で仕様から削除されました。HTML 5.1 Nightly にも含まれていません。

hgroup 要素はセクションの見出しを表し、複数の見出し要素 (h1, h2, h3, h4, h5, h6 要素) の組み合わせで構成される見出しを 1つのグループにまとめます。

hgroup 要素でまとめられた見出しのレベルは、その hgroup 要素内ある h1 ~ h6 要素の中で最もレベルが高い要素のレベルとなります。

見出し要素は文書のアウトラインに影響を与えます。アウトラインアルゴリズムにおいては、見出しレベルが変わると、その部分は新しいセクションの始まりと認識されます。しかし、例えばタイトルとサブタイトルの組み合わせをレベルの異なる見出し要素 (タイトルを h1 要素、サブタイトルを h2 要素など) でマークアップしたい場合、制作者の意図と、アウトラインに相違が出てしまうことがありました。hgroup 要素はこの問題を解決し、複数の見出し要素を 1つの見出しとして扱うことができます。

サンプルソースを見る

hgroup 要素の仕様

カテゴリ
コンテンツモデル
  • 1個以上の h1, h2, h3, h4, h5, h6 要素
この要素を使用できる文脈

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

この要素で使用できる属性
DOM インタフェース
Uses HTMLElement.

hgroup 要素のサンプルソース

<!-- サイトタイトルとサブタイトルをまとめた例 -->
<body>
 <header>
  <hgroup>
   <h1>俺の日記</h1>
   <h2>俺だよ俺</h2>
  </hgroup>
  <p>日々の出来事を適当に書いてる日記です。</p>
 </header>
 <article>
  <h1>○月○日の出来事</h1>
  <p>今日はとても暑い日でした。</p>
 </article>
 …省略…
</body>
<!-- hgroup 要素が使えない場合の例 -->
<body>
 <header>
  <h1>
   俺の日記
   <span>俺だよ俺</span>
  </h1>
  <p>日々の出来事を適当に書いてる日記です。</p>
 </header>
 <article>
  <h1>○月○日の出来事</h1>
  <p>今日はとても暑い日でした。</p>
 </article>
 …省略…
</body>

W3C HTML5 仕様書

4.4.7 The hgroup element