HTML Тег <header>
Приклад
Заголовок для <article>:
<article>
<header>
<h1>Заголовок тут</h1>
<p>Posted by John Doe</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>Posted by John Doe</p>
</header>
Спробуйте самі »
Пов’язані сторінки
HTML DOM довідник: Об’єкт Header
CSS налаштування за замовчуванням
Більшість браузерів будуть відображати елемент <header> з наступними значеннями за замовчуванням:
header {
display: block;
}
