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

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

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

要素について

hgroup”要素は見出しとそれに関連するコンテンツを表します。

1個のh1”~“h6”要素と任意の数のp”要素をグループ化して副題や別題、タグラインなどを表すのに使用することができます。

サンプルコード

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

マンゴスチンとは?

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

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

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

属性と値

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

仕様書

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

定義されている仕様書
HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<hgroup>
定義なし

定義なし

定義なし

定義なし

定義あり
DOMインターフェース

hgroup”要素は“HTMLElement”インターフェイスを使用します。

UAスタイルシート
@namespace url(http://www.w3.org/1999/xhtml);

hgroup {
unicode-bidi: isolate;
display: block;
}

/* 文書の文字エンコーディングが ISO-8859-8 である場合 */
hgroup {
unicode-bidi: bidi-override;
}
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク