: HEADER 要素

最終更新:2026-09-12

<header>HEADER 要素

導入コンテンツやナビゲーション領域を表します。ページやセクションの先頭(サイトタイトル・ロゴ・メインナビ)によく使われます。

カテゴリセマンティック
コンテンツモデルフローコンテンツ
許可される親要素フローコンテンツを受け入れる要素
閉じタグ必要 </header> タグ
ステータス標準

📝 構文

<header>ヘッダーコンテンツ</header>

▶ サンプル

下のコードを編集して、playground でリアルタイム結果を確認:

🌐 ブラウザサポート

ブラウザ ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<header> v1 v12 v1 v1 v1
すべての主要ブラウザでサポート
ヒント: header は役割・位置を表し、head とは混同しないようにしましょう。1 ページに複数の header(例:article ごと)を置けます。

📚 関連チュートリアル

Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%