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;
}