<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
Смотрите также
- Связанные с этим разделом элементы:
<body>
,<nav>
,<article>
,<aside>
, <h1> (en-US), <h2> (en-US), <h3> (en-US), <h4> (en-US), <h5> (en-US), <h6> (en-US),<hgroup>
,<footer>
,<section>
,<address>
. - Разделы и структура документа HTML5.