В HTML есть шесть уровней заголовков: от <h1> до <h6>. Они используются для обозначения заголовков разделов и подразделов на странице.

1. Как выглядят заголовки

Каждый уровень имеет свой размер и вес. <h1> — самый крупный и важный, <h6> — самый мелкий.

<h1>Заголовок первого уровня</h1>
<h2>Заголовок второго уровня</h2>
<h3>Заголовок третьего уровня</h3>
<h4>Заголовок четвёртого уровня</h4>
<h5>Заголовок пятого уровня</h5>
<h6>Заголовок шестого уровня</h6>

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

2. Правила использования заголовков

• <h1> должен быть на странице один. Это главный заголовок всей страницы.
• Заголовки идут по порядку: после <h1> может быть <h2>, но нельзя сразу перескакивать с <h1> на <h3>, пропуская <h2>.
• Заголовки нужны не только для красоты. Поисковые системы и вспомогательные технологии (экранные дикторы) используют их для навигации по странице.

3. Пример правильной иерархии

<h1>Мой сайт о кошках</h1>

    <h2>Породы кошек</h2>
        <h3>Британская короткошёрстная</h3>
        <h3>Мейн-кун</h3>

    <h2>Уход за кошками</h2>
        <h3>Питание</h3>
        <h3>Груминг</h3>

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

4. Что нельзя делать с заголовками

• Вкладывать один заголовок в другой — например, <h1><h2>Текст</h2></h1>.
• Использовать заголовки для выделения текста, который не является заголовком.
• Пропускать уровни (с <h1> сразу на <h3>).