★HTML5タグリファレンス

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

<hgroup> …… セクションの見出しを表す、見出しをまとめるHTML5から追加

Firefox4
Google Chrome5Google Chrome6
Safari5
広告



このページでは、HTML5のhgroup要素を解説しています。
hgroup要素の最新情報は、以下を参照してください。

【注意】hgroup要素は、HTML5の仕様では削除されましたが、HTML Living Standardの仕様には残されています。

<hgroup>はセクションの見出しを表します。
小見出しや副題など、見出しが複数の階層にある場合、<h1>-<h6>などの見出しセットをグループ化してまとめるために使用します。

hgroup要素はセクションの見出しですから、文書を要約したり概要を把握する目的ために、一定のルールに従って見出しのテキスト内容とランクが決められます。
見出しのテキスト内容は、<hgroup>~</hgroup>の下にある<h1>-<h6>の中で最もランクの高い要素のテキスト内容となります。
それ以外は小見出しや副題を表すことになります。
また、hgroup要素の見出しランクは、<hgroup>~</hgroup>の下にある<h1>-<h6>の中で最もランクの高い要素と同じランクとなります。

以下の例では、<hgroup>~</hgroup>の下にある<h1>の内容がセクションの見出しとなり、見出しランクは<h1>と同等となります。
文書が要約される際には、<h2>の内容が副題として隠されるのがポイントです。

■HTML4.01からHTML5へのバージョンアップによる変更点

hgroup要素は、HTML5から新たに追加された要素です。

■使用例

HTMLソース

<hgroup>
<h1>HTMLの基本</h1>
<h2>HTMLとは?</h2>
<h2>HTMLの書き方</h2>
<h2>HTML文書の作成</h2>
</hgroup>

<hgroup>
<h1>CSSの基本</h1>
<h2>CSSとは?</h2>
<h2>CSSの書き方</h2>
<h2>HTML文書にCSSを適用する</h2>
</hgroup>

↓↓↓

ブラウザ上の表示

HTMLの基本

HTMLとは?

HTMLの書き方

HTML文書の作成

CSSの基本

CSSとは?

CSSの書き方

HTML文書にCSSを適用する

広告



山田 太郎
テック・リード
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

ギャンブルガイド もっと見る

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。
カジノを探す
Back
質問
Select one of the following options
{"is_any_tile":true}

どのカジノが自分に最適か分からないですか?

Back
Restart
やったー!
これはあなたの選択に基づいた最高のカジノです...
60 users signed up
もっと表示する