HTML тег header

Тег <header> определяет "шапку" документа или раздела.

Как правило, элемент <header> служит контейнером для некой вводной информации. Это может быть один или несколько заголовочных элементов (<h1> - <h6>), логотип или иконка, авторство и т.п.

В документе допускается использование нескольких элементов <header>.

Не допускается использование элемента <header> внутри элементов <footer>, <address> и других элементов <header>.

Разница между HTML 4.01 и HTML5

Тег <header> был добавлен в HTML5.

Общие атрибуты

Тег <header> поддерживает общие атрибуты и атрибуты-события.

CSS стили по умолчанию

Большинство браузеров будут отображать тег <header> со следующими стилями


header { 
    display: block;
}

HTML пример использования


<article>
   <header>
     <h1>Самый важный заголовок</h1>
    <h3>Менее важный заголовок</h3>
     <p>Некоторая дополнительная информация</p>
   </header>
   <p>Lorem Ipsum dolor set amet....</p>
</article>