header(ヘッダー)要素は文書やセクションのヘッダーを表します。

header 要素には文書やセクションの冒頭となる見出しや概要、ナビゲーションのためのリンクなどが含まれる。文書全体のヘッダに使用する場合、ウェブサイトのロゴや検索フォーム、メインのナビゲーションメニューなどが含まれる。

header要素説明
カテゴリー・フローコンテンツ
・パルバブルコンテンツ
コンテンツモデルフローコンテンツ(header要素、footer要素を子孫要素に持つことは不可)
使用できる場所フローコンテンツが期待される場所

header要素に使用できる属性

すべてのHTML要素で使用できる属性になります。

ヘッダーにメインナビゲーションを内包する。

使用例

<body>
<header>
<h1>ウェブサイトのタイトル</h1>
<nav>
  <ul>
    <li>HOME</li>
    <li>会社概要</li>
    <li>スタッフ</li>
    <li>アクセス</li>
    <li>お問い合わせ</li>
  </ul>
</nav>
</header>
</body>

表示

ウェブサイトのタイトル

カテゴリー: