3

私はHTML5を初めて使用し、アウトラインの概念を読んで理解しました。私はこのサイトのコードの一部を試しました （私のコードの概要を説明するため）：

<!DOCTYPE html>
<article>
  <hgroup>
    <h1>H1</h1>
    <h2>H2</h2>
    <h3>H3</h3>
  </hgroup>
</article>

しかし、私が得ている結果は私を混乱させています。次の結果が得られます：

1.Untitled Section
    1.H1

出力を取得する理由はわかって1.Untitled Sectionいますが、コードのこの部分はどこにありますか

<h2>H2</h2>
<h3>H3</h3>

私は自分の出力でH2とを見ることができませんでした。H3その理由は何ですか？例を挙げて説明します。

前もって感謝します。

4

3 に答える 3

2

hgroupアウトラインに（最初の）最高レベルの見出しのみが含まれます。

http://dev.w3.org/html5/spec/the-hgroup-element.htmlから

文書の要約、概要などの目的で、hgroup要素のテキストは、hgroup要素の子孫であるhgroup要素の最高ランクのh1〜h6要素のテキスト（そのような要素がある場合）、および最初のそのような要素として定義されます。そのランクの要素が複数ある場合。そのような要素がない場合、hgroup要素のテキストは空の文字列です。

使用のポイントはhgroup、アウトラインから後続のヘッダーを実際にマスクすることです。したがって、あなたが見ている振る舞いが要素の存在の理由です。

于 2012-01-05T11:08:18.137 に答える
2

先日、HTML5の本を読んでいましたが、正しく覚えていれば、HTML5グループ要素は最初のヘッダー（バウンディングボックス）のアウトラインのみを作成します。

編集：コメントでポールが指摘したように、それはここで非常によく説明されています：

http://diveintohtml5.info/semantics.html#header-element

于 2012-01-05T11:09:10.267 に答える
1

h1 h2 h3は、HTML4.0以前のバージョンでセクションを作成するために使用されていました。HTML5からはそうではありません。section、article、navなどのセクションをマークアップする方が適切です。h1、h2、h3の意味は、これらのマークアップ内のヘッダーとサブヘッダーに他なりません。hgroupは、h2、h3などを使用して作成されたサブヘッダーとタグラインをアウトラインの汚染から除外するために作成されました。だからあなたが見ているものは意図されています。hgroupを削除すると、それらすべてが表示されます。

于 2012-01-05T11:23:14.537 に答える