<hgroup>

<hgroup>HTML の要素で、見出しとそれに関連する内容を表します。これは 1 つの <h1>–<h6> 要素と、1 つ以上の <p> 要素をグループ化します。

試してみましょう

属性

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

使用上の注意

<hgroup> 要素は、見出しと副次的な内容(副題や代替タイトル、キャッチフレーズなど)をグループ化することが可能です。これらのコンテンツは、 <hgroup> 要素内の <p> 要素として表現されます。

<hgroup> 要素自体は、ウェブページの文書のアウトラインに影響を与えません。むしろ、 <hgroup> 内で許可されている単一の見出しが文書のアウトラインに寄与します。

html
<!doctype html>
<title>HTML Standard</title>
<body>
  <hgroup id="document-title">
    <h1>HTML: Living Standard</h1>
    <p>Last Updated 12 July 2022</p>
  </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>

結果

アクセシビリティの考慮

現在のところ、 <hgroup> 要素に強いアクセシビリティの意味はありません。要素内のコンテンツ(見出しと、任意の段落)は、ブラウザーのアクセシビリティ API によって公開されます。

技術的概要

コンテンツカテゴリー フローコンテンツ, 見出しコンテンツ, 知覚可能コンテンツ
許可されている内容 0 個以上の <p> と、それに続く 1 個の h1, h2, h3, h4, h5, h6 と、それに続く 0 個以上の <p>
タグの省略 不可。開始と終了タグの両方が必要。
許可されている親要素 フローコンテンツを受け入れるすべての要素
暗黙の ARIA ロール 対応するロールなし
許可されている ARIA ロール すべて
DOM インターフェイス HTMLElement

仕様書

Specification
HTML Standard
# the-hgroup-element

ブラウザーの互換性

BCD tables only load in the browser

関連情報