header要素

2017年8月19日

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要素を含むことはできません。