0

次のクエリについて、いくつかの意見、おそらくいくつかの明確な回答を見てみたいと思います。

ヘッダーのレベルを決定するスコープは?

私が提示したい2つの極端なものは次のとおりです。

  • ウェブサイトのスコープ
  • セクションのスコープ

それぞれの例を次に示します。

ウェブサイトのスコープ

<html>
  <body>
    <h1>Haunted fishbowls</h1>

    <div class="article">
      <h2>What does it do to my fish?</h2>
      <p>Fish ipsum</p>
      <h3>Toiletbowl hauntings?</h3>
      <p>Subheader fish ipsum</p>
    </div>

    <div class="article">
      <h2>Stones are sinking upwards</h2>
      <p>Weird stuff is happening in my fish bowl today</p>
    </div>
  </body>
</html>

ご覧のとおり、ヘッダー レベルは「グローバル」スコープで決定されます。それは私の魚に何をしますか？は明らかに記事の第 1 レベルのヘッダーであり、Web サイトの第 2 レベルのヘッダーであるため、h2としてマークアップされます。

セクションのスコープ

<html>
  <body>
    <h1>Haunted fishbowls</h1>

    <div class="article">
      <h1>What does it do to my fish?</h1>
      <p>Fish ipsum</p>
      <h2>Toiletbowl hauntings?</h2>
      <p>Subheader fish ipsum</p>
    </div>

    <div class="article">
      <h1>Stones are sinking upwards</h1>
      <p>Weird stuff is happening in my fish bowl today</p>
    </div>
  </body>
</html>

現在、ほぼ同じ HTML が多少異なる方法でマークされています。記事内に注意してくださいの、ヘッダーのレベリングがリセットされます。これは、記事内のヘッダーのレベルを表します。したがって、div class="article"のh1は、記事のメイン ヘッダーであるタイトルを表します。本文のh1は、本文のメイン ヘッダーを表します。

方法は何ですか？

だから今私はあなたに尋ねます、行く方法は何ですか？これには明確な基準がありますか？どんな答えでも大歓迎です。私は主に、これに関するすべての人の視点に興味があります。

4

2 に答える 2

3

どちらもコンテンツのアウトラインに関してまったく同じように機能します...適切なセクションタグを使用する場合(2 番目の例では使用しません)。に変更<div class="article">する<article>と、コンテンツが適切にセクション化されます。 <body>も独自のセクショニング タグであり、もちろん もあり<section>ます。

サンプルをhttp://gsnedders.html5.org/outliner/にプラグインすることで、この動作を確認できます-最初の例は意図したとおりに機能します(私は信じています)。2 番目はそうではありませんが、 2 番目<div>を<article>or<section>に変更すると、1 番目と同じように見えます。

<h*>Web は、適切なレベルのタグを選択するのではなく、2 番目の方法を好む傾向にあると思います。

于 2013-02-24T17:48:09.077 に答える
2

一般的に受け入れられている標準は、H11 ページに 1 つのタグです。開始ヘッダーは、ページの説明に使用されます。ページに複数のH1タグが必要な場合は、コンテンツを正しく整理していない可能性が高く、複数のページに分散する必要があります。

残念ながら、W3C はこれに関するガイドラインを提供しておらず、開発者の裁量に任されています。H1ただし、複数のタグを使用することは良い習慣ではなく、間違いなく標準的な動作ではありません。しかし、なぜ？

  1. アクセシビリティの観点からこれを考えてください。あなたの例では、Webページの全体的な目的を要約するものは何もありません。ユーザーは、このページが何であるかを確実に理解するために、個々のセクションを表示することを余儀なくされています.

  2. H1Google などの主要な検索エンジンは、タグを過度に使用した Web サイトにペナルティを課す可能性があると考えられています。( http://www.youtube.com/watch?feature=player_embedded&v=GIn5qJKU8VM )

ただし、W3C は次のように述べています。

HTML には 6 つのレベルの見出しがあり、H1 が最も重要で、H6 が最も重要ではありません。

http://www.w3.org/TR/html4/struct/global.html#h-7.5.5

複数のH1タグを使用することで、ページの複数のセクションを最も重要なものとしてマークします。

あなたの質問の観点から言えば。はH1Web ページ スコープで処理する必要があり、下位レベルの見出しを使用してさまざまなセクションを示すことができます。見出し階層は木のようなものだと考えてくださいH1。これが切り株であり、各下位レベルの見出しはそこから枝分かれしています。divタグはコンテンツの重要性を表しておらず、多くの場合、ヘッダーは見出しのコンテンツよりも深くネストされている可能性がありますが、これにより関連性が低下することはありません.2番目の例がそのような状況でどのように機能するかを考えてください.

于 2013-02-24T17:32:48.883 に答える