HTML - тег <header>


Пример

Заголовок для <article>:

<article>
  <header>
    <h1>A heading here</h1>
    <p>Posted by John Doe</p>
    <p>Some additional information here</p>
  </header>
  <p>Lorem Ipsum dolor set amet....</p>
</article>

Другие примеры «Попробуйте сами» ниже.


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

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

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

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

Примечание. В одном HTML-документе может быть несколько <header>элементов. Однако <header>его нельзя поместить в <footer>, <address> или другой <header>элемент.


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

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

Element
<header> 5.0 9.0 4.0 5.0 11.1


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

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


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

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


Дополнительные примеры

Пример

Заголовок страницы:

<header>
  <h1>Main page heading here</h1>
  <p>Posted by John Doe</p>
</header>

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

Справочник по HTML DOM: объект заголовка


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

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

header {
  display: block;
}