HTML Тег <header>
Пример
Заголовок для <article>:
<article>
<header>
<h1>Заголовок здесь</h1>
<p>Автор: Щипунов Андрей</p>
<p>Некоторая дополнительная информация здесь</p>
</header>
<p>Lorem Ipsum dolor set amet....</p>
</article>
Попробуйте сами »
Определение и использование
Тег <header>
представляет собой контейнер для вводного контента или набор навигационных ссылок.
Тег <header>
обычно содержит:
- один или несколько элементов заголовка (<h1> - <h6>)
- логотип или иконка
- информация об авторстве
Примечание: Вы можете иметь несколько элементов <header>
в одном HTML документе.
Однако, <header>
не может быть помещен в <footer>, <address> или другой элемент <header>
.
Поддержка браузеров
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот элемент.
Элемент | |||||
---|---|---|---|---|---|
<header> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Глобальные атрибуты
Тег <header>
также поддерживает Глобальные атрибуты в HTML.
Событие атрибутов
Тег <header>
также поддерживает Событие атрибутов в HTML.
Еще примеры
Пример
Заголовок страницы:
<header>
<h1>Заголовок главной страницы здесь</h1>
<p>Автор: Щипунов Андрей</p>
</header>
Попробуйте сами »
Связные страницы
HTML DOM справочник: Объект header
Настройки CSS по умолчанию
Большинство браузеров будет отображать элемент <header>
со следующими значениями по умолчанию:
header {
display: block;
}