インターネットで見つけた例はすべて<h1>
inside の使用について言及しています<section>
が、 element の使用に関連するものはありません<header>
。
これは有効な HTML5 ですが、セマンティクスはどうでしょうか?
おそらく私は<section>
要素を誤用しているのでしょう。完全を期すために、私の使用例を以下に示します。
<main role="main">
<header>page header</header>
<section id="cookiesPolicy">
<header>
<h1>Cookies Policiy</h1>
</header>
<div>Bla bla bla bla bla bla bla</div>
</section>
<footer>page footer</footer>
</main>
ベストアンサー1
header
はい、 insideを使うのは意味的に正しいですsection
ヘッダー –
header
要素と、一般的に受け入れられているheader
(またはマストヘッド)の使用法には、決定的な違いがあります。通常header
、ページには または「マストヘッド」が 1 つだけあります。HTML5 では、マストヘッドを好きなだけ使用できます。仕様では、マストヘッドを「導入またはナビゲーション補助のグループ」と定義しています。サイトのheader
どのセクションにもを使用できますsection
。実際、header
ほとんどのセクションで を使用する必要があります。仕様では、section
要素を「通常は見出しが付いた、コンテンツのテーマ別のグループ」と説明しています。
header
W3の仕様も確認できますここ