このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

hgroup要素:見出しのグループ化HTML Living Standardで定義

記事July 7th,2020
見出しのグループを表す要素
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

要素について

hgroup”要素はh1~h6”要素で表される見出しのグループを表す要素です。

hgroup”要素に含まれるh1~h6”要素はすべて合わせて一つの見出しとみなされます。サブタイトルやキャッチフレーズなどを含んだ見出しを表すのに使用することができます。

例えば、通常h1”要素の後にh2”要素を配置すると新たにセクションができてしまい、そのあとのp”要素などはh1”要素とは階層が分かれてしまいますが、“hgroup”要素で囲むことによってh2”要素が新たなセクションをつくるのを阻み、同じ階層にすることができます。

hgroup”要素がない場合の暗黙的なアウトライン
hgroup”要素がある場合の暗黙的なアウトライン

hgroup”要素自体の見出しランクは子要素のh1~h6”要素の中で一番高いランクの見出しと同じランクになります。

サンプルコード

<hgroup>
<h1>マンゴスチンとは?</h1>
<h2>「果物の女王」マンゴスチン</h2>
</hgroup>
<p>
マンゴスチンの果実は球形でやや硬く、暗赤紫色の皮に包まれている。果肉部分は白色でミカンの房のような形をしており、柔らかい。マンゴスチンは強い甘みと爽やかな酸味が合わさった上品な味わいが好まれ、「果物の女王」と呼ばれている。
</p>
<p>
マンゴスチンは主に東南アジアや南アジアで栽培され、タイが輸出国として有名である。各地に移入が試みられているが今のところ日本で栽培に成功した例はない。
</p>

マンゴスチンとは?

「果物の女王」マンゴスチン

マンゴスチンの果実は球形でやや硬く、暗赤紫色の皮に包まれている。果肉部分は白色でミカンの房のような形をしており、柔らかい。マンゴスチンは強い甘みと爽やかな酸味が合わさった上品な味わいが好まれ、「果物の女王」と呼ばれている。

マンゴスチンは主に東南アジアや南アジアで栽培され、タイが輸出国として有名である。各地に移入が試みられているが今のところ日本で栽培に成功した例はない。

属性と値

属性
属性 説明 説明
必須属性
なし
任意属性
グローバル属性

仕様書

hgroup”要素はHTML Living Standardから定義されている要素です。

HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<hgroup>
定義なし

定義なし

定義なし

定義なし

定義あり
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク