<header>要素
英語で「見出し」などを表す、”header”より。もちろん「見出し」を表す際にも使いますが、文書の導入部分やナビゲーションなどの要素をグループ化する際に使います。
<header> 要素はあくまでも、文書の「意味的なまとまり」を表すためのものなので、標準では見た目は何も変わりません。
<header>要素は「区分コンテンツ」ではないため、この要素が新たなアウトラインを生成することはありません。
子要素として使用できるもの
フローコンテンツを記述できます。ただし、子孫に他の<header> 要素や、<footer> 要素を記述することは出来ません。
親要素として使えるもの
フローコンテンツを受け入れるほとんどの要素。<address> 要素、<footer> 要素、<header> 要素を親要素にすることは出来ません。
許可されている ARIA ロール
group, presentation
DOMインターフェース
HTMLElement
属性
グローバル属性のみが指定できます。
サンプル
以下の例では、他の文書の「意味的なまとまり」を表すための要素も合わせて作成した例を示します。
See the Pen KKKXxdX by Masahiko Iwakiri (@m-iwakiri) on CodePen.
このサイトでは、HTML要素や属性の定義は下記サイトを参考にしています。
MDN Web Docs： https://developer.mozilla.org/ja/
W3C仕様の正確な定義、最新情報は上記サイトをご覧ください。
コメント