HTML

【HTML】header要素

みいと

header要素はセクションのヘッダーを示す

header要素は、最も近いセクションのヘッダーであることを示す要素です。

ページ全体のヘッダー

最も近いセクションがbody要素の場合は、そのページ全体のヘッダーとなります。

ページ全体のヘッダーの例

<body>
    <header>ページ全体のヘッダー</header>
    <main>
    ・
    ・
    ・
    </main>
</body>

header要素の内容

header要素には、主に下記のような内容が入ります。

  • 見出し
  • ナビゲーション
  • ロゴ
  • 検索フォーム
  • もくじ

見出しを含むことが多いですが、必須ではありません。

header要素の注意点

header要素には、下記の要素を含めることはできません。

hader要素に含むことができない要素

  • header
  • main
  • footer

header要素のまとめ

header要素はセクションのヘッダーを示します。

主にページ全体のヘッダーを示すために使うことになるでしょう。

まとめ
  • header要素はセクションのヘッダーを示す
  • 最も近いセクションがbodyの場合は、ページ全体のヘッダーになる
  • header要素には、ナビゲーションやロゴなどを入れる
  • header要素の内容にheader、main、footerは含めることができない
ABOUT ME
みいと
みいと
興味を持ったものをいろいろと勉強しています。
記事URLをコピーしました