見出しをグループ化するには?
hgroupタグの書式
hgroupタグに対応しているブラウザ
※Windows 7上で動作確認を行っています。
※ブラウザの設定より、異なる挙動をする場合があります。
hgroupタグの属性一覧
hgroupタグの解説
<hgroup>タグは、見出しをひとまとまりの集団として扱う(グループ化する)ための要素です。
通常、見出しは<h1>から<h6>までの要素によりレベル付けをして表されます。
<hgroup>は、これら<h1>から<h6>までの複数の要素をグループ化します。
例えば、一つのセクションに大見出しと、小見出しやサブタイトルがあるような場合に、<hgroup>を使って見出しをグループ化します。
なお、<hgroup>でグループ化された中で、最もランクの高い見出しのテキストが、文書の要約やアウトラインを表すための見出しの内容となります(同じランクのものが複数ある場合は、最初にくる方の見出しになります)。
また、<hgroup>の見出しのランクは、<hgroup>に含まれる見出しの、最も高いランクと同等になります。
hgroupタグのサンプルソース1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル1</title>
</head>
<body>
<header>
<hgroup>
<h1>進化について</h1>
<h2>地球上の生物はなぜ進化してきたのか</h2>
</hgroup>
</header>
<p>進化とは、・・・</p>
<footer>
<p><small>無断転載を禁止します。</small></p>
</footer>
</body>
</html>
hgroupタグのサンプル画面1
hgroupタグの関連項目