HTML тег <header>

Элемент <header> (от англ. "header" ‒ «заголовок, шапка») устанавливает визуальный заголовок («шапку») для страницы или раздела.

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

Элемент <header> обычно располагается в верхней части раздела, но это не является обязательным. В HTML-документе может содержаться одновременно несколько элементов <header> и они могут располагаться в любой части страницы. Когда элемент <header> относиться к любому элементу, разделяющему страницу на разделы, он семантически подразумевает заголовок или введение для содержимого своего родительского элемента.

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

Синтаксис

<header>...</header>

Закрывающий тег

Обязателен.

Атрибуты

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Большинство браузеров отобразит элемент <header> со следующими значениями CSS по умолчанию:

header { 
    display: block;
}

Различия между HTML 4.01 и HTML5

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

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

Элемент <header>.

Пример HTML:

Попробуй сам
<header>
    <h1>'Шапка' сайта.</h1>
    <p>Некоторая дополнительная информация.</p>
</header>

Спецификации

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

Поддержка браузерами

Похожие страницы

HTML уроки: HTML Элементы

HTML Базовые теги

HTML Раздел Head