ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML теги. Полный справочник

HTML тег <header>


Пример

Заголовок для <article> (статьи):

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

Определение и использование

Элемент <header> представляет собой контейнер для вводного контента или набор навигационных ссылок.

Элемент <header> обычно содержит:

  • один или несколько элементов заголовка (<h1> - <h6>)
  • логотип или иконка
  • информация об авторстве

Вы можете иметь несколько элементов <header> в одном документе.

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


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

Числа в таблице указывают первую версию браузера, которая полностью поддерживает элемент.

Элемент
<header> 6.0 9.0 4.0 5.0 11.1

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

Тег <header> новый в HTML5.


Глобальные атрибуты

Тег <header> также поддерживает Глобальные атрибуты в HTML.


Атрибуты событий

Тег <header> также поддерживает Атрибуты событий в HTML.


Связанные страницы

HTML DOM справочник: Объект Header


Настройки CSS по умолчанию

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

header {
  display: block;
}