HTML тег <header>
Значение и применение
Тег <header> (верхний колонтитул) является признаком верхнего колонтитула или баннера верхней части
страницы, которая обычно содержит логотип (иконка), навигацию, относящуюся ко всему сайту, форму поиска по сайту,
заголовок страницы с подзаголовком, авторскую информацию и так далее. Допускается размещать несколько элементов
<header> в одном документе.
<header>
<img src = "logo.png" alt = "logo"> <!-- изображение с логотипом -->
<h1>Заголовок первого уровня</h1> <!-- заголовок первого уровня -->
</header>
Тег
<div>
имеет довольно общий характер — это просто элемент на уровне блока, используемый для разбиения страницы на разделы.
Одна из целей HTML 5 заключается в предоставлении в распоряжение разработчиков широкого выбора из других, семантически
более осмысленных тегов.
HTML 5 включает в себя множество различных тегов, чьи имена отражают тип их содержимого, и эти теги могут
использоваться вместо тега
<div>. HTML 5 предлагает новые блочные семантические элементы для определения различных частей веб-страницы, вы можете
детально с ними познакомиться в статье учебника HTML 5 "Теги разметки страницы".
Поддержка браузерами
Спецификация: multipage
Поддерживается во всех основных браузерах с 2015 года.
| Возможность | Компьютеры | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
 Chrome |  Edge |  Firefox |  Opera |  Safari | Chrome Android | Firefox for Android | Opera Android |  Safari on iOS |  Samsung Browser |  WebView Android | WebView on iOS | |
header | 5 | 12 | 4 | 11.1 | 5 | 18 | 4 | 11.1 | 4.2 | 1.0 | 4.4 | 4.2 |
поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31
Примеры, попробуйте сами
Вводная часть
Добавьте вводный текст в header. Здесь он относится к статье.
index.html
<article>
<header>
<h2>Новая заметка</h2>
<p>Краткое описание публикации.</p>
</header>
<p>Основной текст.</p>
</article>
Значение CSS по умолчанию
header {
display: block;
}
Поддержка глобальных атрибутов
Элемент поддерживает "глобальные атрибуты".
Атрибуты событий
Элемент поддерживает "атрибуты событий".