Примечание: Честно говоря, здесь стоит быть внимательным: поддержка отсутствует в IE8 и более ранних версиях.
Элемент header - довольно приятная семантическая деталь. Он вмещает вводное или навигационное содержимое для раздела документа. Обычно его размещают в верхней части, но это не строго обязательное условие. Название "header" (в переводе с анг. заголовок или шапка) может подсказывать верхнее положение, однако по сути он является введением и поэтому может находиться в любом месте внутри соответствующего раздела.
Термин "header" также часто употребляют для общей шапки сайта - той зоны, где обычно располагаются имя и логотип сайта, меню, форма поиска и тому подобные элементы. Когда же элемент header относится к любому элементу, разделяющему страницу на разделы, он семантически подчёркивает заголовок или введение к содержимому своего родительского элемента.
Приятно, что правила здесь понятные: у header всегда должен присутствовать закрывающий тег. Он может содержать различные HTML-элементы, но не другой элемент header - так структура остаётся аккуратной и легко читаемой.
Атрибуты Что касается атрибутов, можно спокойно опираться на обычные возможности HTML; ничего сложного или неожиданного здесь не требуется.
Пример <header> <h1>Добро пожаловать на мою страничку</h1> <p>Меня зовут Арни</p></header><p>Это моя первая страничка...</p>