web-dev-qa-db-ja.com

複数のブログ投稿をリストするページの場合、各投稿で<h1>タグを使用することは許容されますか？

投稿ページには複数の<h1>タグがあります（投稿ごとに1つ）。ページに<h2>タグはほとんどありません。

これらの各タグの重要度が等しい場合、複数の<h1>タグを使用しても問題ないと思いますか？

wordpressh1
3
Fahad Uddin

答えはノーです。ページには<h1>要素が1つしかありません。そして、興味深いことに、<section>での使用に関する限り、これについて今日発表された 記事 がありました。

いずれにせよ、ブラウザーは依然として<h1>をページ全体の見出しとして扱います。

1
Rob

ページに複数のブログ投稿がある場合（全文またはティーザーのみ）、各投稿は独自のarticle要素を取得する必要があります。

articleの最初の見出し要素（h1-h6）（および別のセクションコンテンツ要素にネストされていない）は、その記事の見出しになります。

HTML 5.1では、著者は常にh1を使用できますが、 推奨 作成者は使用します

[…]セクションのネストレベルに適したランクの見出し。

次のスニペットは、推奨事項を示しています。

<body>

  <article>
    <h2></h2>
    <!-- 
      <h2> because the <article> is on the second level
      (<body> being the first one) 
    -->
  </article>

  <article>
    <h2></h2>
  </article>

</body>

<body>

  <section>

    <article>
      <h3></h3>
      <!-- 
        <h3> because the <article> is on the third level
        (<body> being the first one, <section> being the second one) 
      -->
    </article>

    <article>
      <h3></h3>
    </article>

  </section>

</body>

<body>

  <div>

    <article>
      <h2></h2>
      <!-- 
         <h2> because the <article> is on the second level
         (<body> being the first one);
         as <div> is not a sectioning content element,
         it doesn’t represent a nesting level for the outline  
      -->
    </article>

    <article>
      <h2></h2>
    </article>

  </div>

</body>

しかし、これらの3つの例では、代わりにh1（またはその他の見出し要素）を使用することが有効です。

1
unor