wulin.comの記事紹介(www.vevb.com):html5 hgroup要素の使用の概要。
HGroupは、HTML5の新たに定義された要素であり、タイトルと字幕をグループ化するために使用されます。すでにヘッダータグを持っているのに<hgroup>タグが必要なのはなぜですか?これがこの質問に対する答えです
<hgroup>要素は何ですか<hgroup>のドキュメントの説明の説明は次のとおりです。
Hgroupは、一般に、ブロック内のタイトルやその字幕など、1つ以上のH1からH6の要素のグループとして使用されます。
Hgroup要素は通常、1つ以上のH1-H6要素のセットをグループ化するために使用されます。たとえば、セクションタイトルと添付のサブタイトルなどです。
W3C仕様
この表現とはどういう意味ですか?<hgroup>は、1つ以上のタイトル関連コンテナを含むことができる役割を果たします。 H1-H6のタイトル要素のみを含めることができます。H1-H6は、字幕、選択のタイトル、またはタグタイトルなどです。
<hgroup>の使用方法を理解するためのより簡単な方法は、いくつかの例を介してです。たとえば、次のDr.Oliの例:
記事のタグには1つのタイトルのみがある場合:
1
2
3
4
<記事>
<h1>記事タイトル</h1>
<p>コンテンツ…</p>
</article>
記事タグにタイトルがあり、メタデータ(肉データ)も含まれている場合
1
2
3
4
5
6
7
8
<! - ヘッダーのラッピングタイトルとメタデータ - >
<記事>
<ヘッダー>
<h1>記事タイトル</h1>
<p>(<Time DateTime = 2009-07-13> 2009年7月13日</時>)</p>
</header>
<p>コンテンツ…</p>
</article>
記事タグにセルフクロージングタイトルのセットがある場合:
1
2
3
4
5
6
7
8
<! - hgroupのタイトルH1と字幕H2->
<記事>
<hgroup>
<h1>記事タイトル</h1>
<h2>記事subtitle </h2>
</hgroup>
<p>コンテンツ…</p>
</article>
記事タグには、タイトルと字幕とメタデータが含まれています
1
2
3
4
5
6
7
8
9
10
11
<! - ヘッダーとhgroupを使用する見出し - >
<記事>
<ヘッダー>
<hgroup>
<h1>記事タイトル</h1>
<h2>記事subtitle </h2>
</hgroup>
<p>(<Time DateTime = 2009-07-13> 2009年7月13日</時>)</p>
</header>
<p>コンテンツ…</p>
</article>
なぜ<hgroup>を使用するのですか?<hgroup>を使用して、ドキュメントの概要(ドキュメントの概要)を開始します。
グループのタイトルが<hgroup>要素にある場合、アウトラインアルゴリズムはグループの低レベルのタイトルを上書きし、アウトラインとして最高レベルのタイトルを使用します。以下は例です。
1
2
3
4
5
6
<ヘッダー>
<hgroup>
<h1> <a href =/> miniアプリ</a> </h1>
iPhone、Android、その他のモバイルプラットフォームのWebアプリケーション</h2>
</hgroup>
</header>
<hgroup>にはH1-H2のタイトル要素が含まれていますが、<h1>のみがアウトラインに含まれています。下の図に示すように。
このリンクからドキュメントの概要を表示できます。
要約:
私たちがちょうど話したのは、<hgroup>要素を効率的に使用する方法です。レビューしましょう:
.。タイトル要素が1つしかない場合(H1-H6に1つ)、<hgroup>は必要ありません。
.1つ以上のタイトルと要素が表示されると、<hgroup>がそれらを囲むために適用されます。
。タイトルにセクションまたは記事に関連するサブタイトルまたはその他のメタデータがある場合は、<hgroup>とメタデータを別の<ヘッダー>要素コンテナに入れます。
オリジナル中国語:HTML5 HGROUP要素の使用法の概要
オリジナル英語:一般的なHTML5のミスを避けます