header — шапка сайта

Тег <header> — это контейнер для вводной части сайта или набора навигационных ссылок. Обычно он размещается в верхней части веб-страницы или раздела, к которому принадлежит.

<header>
  <h1>Заголовок страницы</h1>
  <nav>
    <ul>
      <li><a href="#">Главная</a></li>
      <li><a href="#">О нас</a></li>
      <li><a href="#">Контакт с нами</a></li>
    </ul>
  </nav>
</header>

Примеры использования

Создание шапки сайта с заголовком страницы:

<header>
  <h1>Добро пожаловать на мой сайт</h1>
</header>

Добавление логотипа, фона и навигационных ссылок в шапку:

<header style="background-image: url(header-bg.jpg);">
  <img src="logo.png" alt="Логотип моего сайта">
  <h1>Добро пожаловать на мой сайт</h1>
  <nav>
    <ul>
      <li><a href="#">Главная</a></li>
      <li><a href="#">О нас</a></li>
      <li><a href="#">Контакт с нами</a></li>
    </ul>
  </nav>
</header>

Чем заменить тег

• Использовать тег <div> или <section> с соответствующими именами классов и стилями CSS.
• Использовать другие HTML-теги, такие как <h1> или <nav>, в зависимости от конкретного содержания и расположения раздела заголовка.