header要素

header要素は、それを含む最も近いセクションまたはセクショニング・ルートのヘッダーであることを示す要素です。
最も近い要素がbodyだった場合はページ全体のヘッダーとなり、他のarticleやsectionが最も近いセクションだった場合はそれのヘッダーとなります。
header要素が含む内容としては、見出し・ナビゲーション・ロゴ・検索フォーム・目次が一般的です。
見出しは必須ではありません。

HTML

  1. <header>
  2.     <h1>フロントエンドな日々</h1>
  3.     <nav>
  4.         <ul>
  5.             <li><a href=”#”>ホーム</a></li>
  6.             <li><a href=”#”>お知らせ</a></li>
  7.             <li><a href=”#”>会社概要</a></li>
  8.             <li><a href=”#”>お問い合わせ</a></li>
  9.         </ul>
  10.     </nav>
  11. </header>

header要素にmain要素、セクショニングコンテンツに含まれていないheader要素とfooter要素を含むことはできません。