--- title:
slug: Web/HTML/Element/hgroup tags: - Deprecated - Element - Experimental - HTML - HTML5 - Reference - Web browser-compat: html.elements.hgroup translation_of: Web/HTML/Element/hgroup ---
{{HTMLRef}}

Warning

<hgroup> は使用すべきではありません。どの支援技術も対応しておらず、その結果、その中に配置された見出しの支援に悪影響を及ぼすためです。

詳細については、以下の使用上の注意を参照してください。

<hgroup> は HTML の要素で、文書のセクションの、複数レベルの見出しを表します。これは <h1>–<h6> 要素のセットをグループ化します。

{{EmbedInteractiveExample("pages/tabbed/hgroup.html", "tabbed-standard")}}
コンテンツカテゴリー フローコンテンツ, 見出しコンテンツ, 知覚可能コンテンツ
許可されている内容 1個以上の {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}},{{HTMLElement("h4")}}, {{HTMLElement("h5")}},{{HTMLElement("h6")}}
タグの省略 {{no_tag_omission}}
許可されている親要素 フローコンテンツを受け入れるすべての要素
暗黙の ARIA ロール 対応するロールなし
許可されている ARIA ロール すべて
DOM インターフェイス {{domxref("HTMLElement")}}

属性

この要素にはグローバル属性のみがあります。

使用上の注意

<hgroup> 要素は HTML5 (W3C) 仕様から削除されましたが、 WHATWG 版の HTML には依然として含まれています。ほとんどのブラウザーで部分的に実装されており、実装が削除される可能性は低くなっています。
ただし、<hgroup> 要素の主要な目的は HTML 仕様書で定義されたアウトラインのアルゴリズムによって見出しをどのように表示するかに作用することですが、どのブラウザーでもアウトラインのアルゴリズムは実装されていないため、 <hgroup> のセマンティクスは実際のところ、理論上のものになっています。
HTML5 (W3C) 仕様書では、<hgroup>を使用せずに副見出し、サブタイトル、代替タイトル、スローガンをマークアップする方法についてアドバイスを提供しています。

<hgroup> 要素は、複数レベルの見出しを構成するために文書のセクションの主見出しと副次的な見出し（副見出しや副題など）をグループ化することが可能です。

言い換えると、 <hgroup> 要素は副次的な子の <h1>–<h6> がアウトライン内で独自のセクションを生成することを妨げます。これらの <h1>–<h6> 要素は <hgroup> の子でなければ通常どおりです。

よって HTML 仕様書で定義されているアウトラインのアルゴリズムで生成される理論的なアウトラインでは、<hgroup> は全体としてひとつの論理的な見出しを構成します。そして <hgroup> の子である <h1>–<h6> とともに、理論的なアウトライン内でひとつの論理的な見出しを構成するために複数レベルのユニットとしてのアウトラインになります。

このようなアウトラインの (理論的ではない) 描画ビューを生成するために、マルチレベルの性質を伝えるため <hgroup> の見出しをどのように描画するかについて、レンダリングツールのデザインでいくつかの選択が必要です。例えば以下のように、描画されたアウトラインで <hgroup> を表示するさまざまな方法が考えられます:

以下の HTML 文書で考えてみましょう。

<!DOCTYPE html>
<title>HTML Standard</title>
<body>
  <hgroup id="document-title">
    <h1>HTML</h1>
    <h2>Living Standard — Last Updated 12 August 2016</h2>
  </hgroup>
  <p>Some intro to the document.</p>
  <h2>Table of contents</h2>
  <ol id=toc>...</ol>
  <h2>First section</h2>
  <p>Some intro to the first section.</p>
</body>

この文書のアウトラインを描画すると、以下のようになるでしょう。

ここでは主見出し「HTML」の後にコロンと空白を置いて、副次的な見出し「Living Standard — Last Updated 12 August 2016」が続きます。

あるいは、以下のようにアウトラインを描画することもできるでしょう。

<hgroup> 要素を含む描画されたアウトライン、第二の見出しの周りに括弧がある

ここでは主見出し「HTML」の後に、括弧でくくった副次的な見出し「 (Living Standard — Last Updated 12 August 2016)」があります。

例

<hgroup id="document-title">
  <h1>HTML</h1>
  <h2>Living Standard — Last Updated 12 August 2016</h2>
</hgroup>

アクセシビリティの考慮

hgroup が存在すると、見出しグループの副見出しの部分に関して支援技術に報告される情報が削除される可能性があります。

仕様書

{{Specifications}}

ブラウザーの互換性

{{Compat}}

関連情報