header
<feader> はWeb ページにおけるヘッダーを示します。主にその文書やセクションの見出し、ナビゲーション、検索フォームなどを配置します。
- 分類
- フローコンテンツ、知覚可能コンテンツ
- 内包できるもの
- フローコンテンツ(<footer>, <header>, <main> が含まれないもの)
属性
グローバル属性のみ
サンプル
基本的に<body> 直下に置いて使用します。その際、<main>、<footer> 要素も同時に配置することが多いです。
<body>
<header>
ヘッダー
</header>
<main>
メインコンテンツ
</main>
<footer>
フッター
</footer>
</body>
<header> 要素を <article> 要素内に配置することも可能です。この場合は記事に対しての見出しなどを配置することになります。また、この使用方法は他サイトを見てもあまり使われている印象はありませんので、<main>、<footer> と組み合わせて <body> 直下に配置する方法だけを覚えておけば問題ないでしょう。
<article>
<header>
<h2>記事見出し</h2>
</hedder>
<p>記事本文</p>
</article>