<hgroup> 見出しをグループ化してセクションのヘッダを表す

<hgroup>タグの説明

<hgroup>は、見出し、副題、キャッチフレーズなど、見出しが複数のレベルを持つときに、見出し要素をグループ化するために使います。それらをまとめてセクションのヘッダを表します。

そのセクションにおいて、<hgroup>の直下にある<h1>〜<h6>のうち、最もランクの高い見出しの内容が、そのセクションを表すタイトルとなります。それよりランクの低い見出しは、副題やキャッチフレーズ、要約となります。

<hgroup>タグの特徴

• レイアウトの初期値はブロックレベルです。文章の改行に影響を与えます。
• この要素はセクショニング・コンテンツではないので、アウトラインに影響を与えません。
• 視覚的な効果は特に与えられません。必要に応じてスタイルシートを調整して下さい。
• 同一のページ内に複数使うことができます。ただし、この要素自体を入れ子にすることはできません。

<hgroup>に指定できる主な属性

グローバル属性

全てのHTML要素に指定できる共通の属性です。詳細は一覧表で解説します。

イベントハンドラ

全てのHTML要素に指定できるコンテンツ属性です。

<hgroup>の使い方とサンプル

このタグを使ったマークアップのサンプルです。

<section>
	<hgroup>
		<h1>セクションのタイトル</h1>
		<h2>要約となるフレーズ</h2>
	</hgroup>
	<p>このセクションの内容です。</p>
	<p>このセクションの内容です。</p>
</section>