<header> - елемент заголовку
HTML-елемент <header> представляє вступний контент, зазвичай групу вступних або навігаційних посібників. Він може містити елементи заголовка, а також логотип, форму пошуку, ім'я автора та інші елементи.
Не секційний елемент. Не впроваджує новий розділ.
Синтаксис
HTML
<header>...</header>Атрибути
Цей тег може мати глобальні атрибути.
Технічне резюме
| Категорія контенту | |
|---|---|
| Роль ARIA | banner або generic, якщо він є нащадком елемента |
| Дозволені ARIA атрибути | group, presentation або none |
| DOM інтерфейс | HTMLElement |
Приклади використання
Результат
<header>
<img src="logo.jpg" alt="Назва компанії">
<nav>
<ul>
<li>
<a href="/news">Новини</a>
</li>
<li>
<a href="/forum">Форум</a>
</li>
<li>
<a href="/about-us">Про нас</a>
</li>
</ul>
</nav>
</header>Результат
<article>
<header>
<h1>Заголовок</h1>
</header>
<p>...</p>
</article>Стилі за замовчуванням
CSS
header {
display: block;
}Підтримка браузерів
<header> |
|---|