HTML заголовки

❮ Назад Вперед ❯

Заголовки выполняют важную роль в структурировании текста на сайте, а также помогают поисковым машинам лучше индексировать веб-страницы.

В HTML существует 6 уровней заголовков, для описания которых используются теги от <h1> - <h6>. Самым главным на странице является заголовок первого уровня (<h1>), а наименее важным - заголовок шестого уровня (h6). Чем ниже уровень заголовка, тем меньше размер шрифта.

На каждой странице должен быть только один заголовок первого уровня, который сообщает пользователям и поисковым машинам, о чем веб-страница. Для улучшения позиций веб-страницы в поиске мы рекомендуем включать в заголовок <h1> ключевые слова.

Иерархию заголовков в HTML документе нарушать не рекомендуется. В коде это должно выглядеть так:

Пример

<!DOCTYPE html>
<html>
   <head>
       <title>Заголовок окна веб-страницы </title>
   </head>
   <body>
      <h1>Заголовок первого уровня</h1>
      <h2>Заголовок второго уровня</h2>
      <h3>Заголовок третьего уровня</h3>
      <h4>Заголовок четвертого уровня</h4>
      <h5>Заголовок пятого уровня</h5>
      <h6>Заголовок шестого уровня</h6>
   </body>
</html>

Попробуйте сами!

В браузере заголовки будут выглядеть так:

Результат

Не советуем использовать теги заголовков <h> для выделения текста жирным шрифтом. Это может помешать поисковым системам правильно структурировать и индексировать контент.

Практикуйте свои знания

Какие теги используются для создания заголовков в HTML?

<title>