HTML <ヘッダー>タグ
例
<記事>のヘッダー：
<article>
<header>
<h1>A heading here</h1>
<p>Posted by John
Doe</p>
<p>Some additional information here</p>
</header>
<p>Lorem Ipsum dolor set amet....</p>
</article>
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
この<header>要素は、紹介コンテンツまたは一連のナビゲーションリンクのコンテナを表します。
<header>通常、要素には次のものが含まれます。
- 1つ以上の見出し要素（<h1>-<h6>）
- ロゴまたはアイコン
- 作者情報
注：<header> 1つのHTMLドキュメントに複数の要素を含めることができます。ただし、<header><footer>、<address>、または別の<header>要素内に配置することはできません。
ブラウザのサポート
表の数字は、要素を完全にサポートする最初のブラウザバージョンを示しています。
| Element | |||||
|---|---|---|---|---|---|
| <header> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
グローバル属性
この<header>タグは、HTMLのグローバル属性もサポートしています。
イベント属性
この<header>タグは、HTMLのイベント属性もサポートしています。
その他の例
例
ページヘッダー：
<header>
<h1>Main page heading here</h1>
<p>Posted by
John Doe</p>
</header>
関連ページ
HTML DOMリファレンス：ヘッダーオブジェクト
デフォルトのCSS設定
ほとんどのブラウザは<header>、次のデフォルト値で要素を表示します。
header {
display: block;
}