Тег <header>

<header> обозначает вступное содержимое ближайшего секционного предка — обычно логотип, заголовок и навигацию.

Syntax

<header>...</header>

Example

<header>
  <img src="logo.svg" alt="Название компании">
  <nav>...</nav>
</header>

Notes

  • header можно использовать несколько раз на странице — и для всего документа, и внутри отдельных article/section.
  • header не имеет фиксированного визуального стиля сам по себе — это семантика, а не sticky-позиционирование (для этого смотрите sticky header snippet).

Accessibility

  • header автоматически получает ARIA-роль banner, когда не вложен в article/aside/main/nav/section.

Похожие инструменты