HTML <hgroup> 見出しグループ要素
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
<hgroup> は HTML の要素で、見出しとそれに関連する内容を表します。これは 1 つの <h1>–<h6> 要素と、1 つ以上の <p> 要素をグループ化します。
試してみましょう
<hgroup>
<h1>フランケンシュタイン</h1>
<p>または: 現代のプロメテウス</p>
</hgroup>
<p>
スイスの科学者ヴィクター・フランケンシュタインには、知性を持つ生命体を創造するという大きな野望があった。しかし、彼が作り出した存在が初めて動き出したとき、彼は自分が怪物を作り出してしまったことに気づく。その怪物は、主人に見捨てられ、目にする者すべてから敬遠されながらも、フランケンシュタイン博士を地の果てまで追いかけていく。
</p>
hgroup {
text-align: right;
padding-right: 16px;
border-right: 10px solid #00c8d7;
}
hgroup h1 {
margin-bottom: 0;
}
hgroup p {
margin: 0;
font-weight: bold;
}
属性
この要素にはグローバル属性のみがあります。
使用上の注意
<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>
結果
技術的概要
仕様書
| 仕様書 |
|---|
| HTML # the-hgroup-element |