header は、自分が含まれるもっとも直近のセクショニングルート(body, blockquote, fieldset, td要素)、またはセクショニングコンテンツ(article、aside、nav、section要素)のヘッダ情報を定義します。ヘッダには、タイトル、目録、検索フォーム、ロゴなどが含まれます。
<article>
<header>
<h1>HTML5最終勧告に対応しました</h1>
<time datetime="2015-01-04 12:45+09:00">2015/01/04 12:45</time>
</header>
<p>...</p>
<footer>
<div>Posted by T. Yamada</div>
</footer>
</article>
HTML5 では、header や footer 要素を入れ子にすることは禁じられていましたが、HTML 5.1 では、セクショニングコンテンツ (article, aside, nav, section) で階層化されている場合には、header や footer 要素を入れ子にすることが可能となりました。
<article>
<header>
<h1>...</h1>
<aside>
<header>
<h2>...</h2>
<p><...</p>
</header>
<p>...</p>
</aside>
</header>
<p>...</p>
</article>