投稿ページには複数の<h1>
タグがあります(投稿ごとに1つ)。ページに<h2>
タグはほとんどありません。
これらの各タグの重要度が等しい場合、複数の<h1>
タグを使用しても問題ないと思いますか?
答えはノーです。ページには<h1>
要素が1つしかありません。そして、興味深いことに、<section>
での使用に関する限り、これについて今日発表された 記事 がありました。
いずれにせよ、ブラウザーは依然として<h1>
をページ全体の見出しとして扱います。
ページに複数のブログ投稿がある場合(全文またはティーザーのみ)、各投稿は独自の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
(またはその他の見出し要素)を使用することが有効です。