HTML-элемент <header> представляет собой вводный контент, обычно группу вводных или навигационных средств. Он может содержать другие элементы-заголовки, а также логотип, форму поиска, имя автора и другие элементы.
| Категории контента | Основной поток, явный контент. |
|---|---|
| Разрешённое содержимое | Основной поток, кроме <header> и {{HTMLElement("footer")}} |
| Пропуск тега | Ни одного; Оба тега, открывающий и закрывающий, являются обязательными. |
| Разрешённые родительские элементы | Любой элемент, который разрешает контент основного потока в качестве содержимого. Обратите внимание, что элемент <header> не должен быть потомком элемента {{HTMLElement("address")}}, {{HTMLElement("footer")}} или другого элемента <header>. |
| Разрешённые роли ARIA | {{ARIARole("group")}}, {{ARIARole("presentation")}} |
| DOM-интерфейс | {{domxref("HTMLElement")}} |
Элемент <header> не относится к секционному контенту , а значит не создаёт новый раздел в структуре HTML-документа. При этом элемент <header> обычно должен содержать заголовок ближайшего раздела (элементы h1-h6), но это не обязательно.
Несмотря на то, что элемент <header> не попал в спецификации до {{glossary("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>
{{Compat}}