Тема:

<header> - елемент заголовку

HTML-елемент <header> представляє вступний контент, зазвичай групу вступних або навігаційних посібників. Він може містити елементи заголовка, а також логотип, форму пошуку, ім'я автора та інші елементи.

Не секційний елемент. Не впроваджує новий розділ.

Синтаксис

HTML
<header>...</header>

Атрибути

Цей тег може мати глобальні атрибути.

Технічне резюме

Категорія контенту

Потоковий контент, відчутний контент

Роль ARIA

banner або generic, якщо він є нащадком елемента article, aside, main, nav або section, або елемента з роллю article, complementary, main, navigation або region

Дозволені 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>

Стилі за замовчуванням

CSS
header {
  display: block;
}

Підтримка браузерів

<header>

Останнє оновлення: