🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Тег <h1> задаёт самый важный заголовок на странице.

<header>
  <h1>Мой сайт</h1>
  <nav>
    <ul>
      <li><a href='#'>Главная</a></li>
      <li><a href='#'>О нас</a></li>
      <li><a href='#'>Контакты</a></li>
    </ul>
  </nav>
</header>

Мой сайт

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

☝ Не используйте тег <h1> только для стилизации текста. А вот добавлять <h1> в теги <article>, <section>, <aside>, <nav>, <header> и <footer> можно, если это оправдано по смыслу.

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

Если тег <h1> используется для стилистического оформления заголовков, то его можно заменить на более семантические теги в зависимости от типа заголовка. Например:

  • Для заголовка страницы можно использовать тег <header>.
  • Для названия раздела можно использовать тег <h2>, а для подразделов — <h3>, <h4> и так далее.