<hgroup>: 見出しグループ要素

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

<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>

結果

技術的概要

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

仕様書

Specification
HTML
# the-hgroup-element

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
hgroup

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

関連情報