<header>

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

Категории контента Основной поток, явный контент.
Разрешенное содержимое Основной поток, кроме <header> и <footer>
Пропуск тега Ни одного; Оба тега, открывающий и закрывающий, являются обязательными.
Разрешенные родительские элементы Любой элемент, который разрешает контент основного потока в качестве содержимого. Обратите внимание, что элемент <header> не должен быть потомком элемента <address>, <footer> или другого элемента <header>.
Разрешенные роли ARIA group, presentation
DOM-интерфейс HTMLElement

Примечание

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

Историческое употребление

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

Атрибуты

К этому элементу применимы только глобальные атрибуты.

Примеры

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

<header>
  <h1>Заголовок главной страницы</h1>
  <img src="mdn-logo-sm.png" alt="MDN logo">
</header>

Заголовок статьи

<article>
  <header>
    <h2>Планета Земля</h2>
    <p>Опубликовано в среду, 4 октября 2017, Джейн Смит</p>
  </header>
  <p>Мы живем на сине-зеленой планете, на которой до сих пор так много неизведанного.</p>
  <p><a href="https://janesmith.com/the-planet-earth/">Продолжить чтение...</a></p>
</article>

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

Спецификация Статус Комментарий
HTML Living Standard
Определение '<header>' в этой спецификации.		 Живой стандарт
HTML5
Определение '<header>' в этой спецификации.		 Рекомендация

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

BCD tables only load in the browser

Смотрите также