Теги <h1>–<h6>: заголовки и иерархия
Как построить структуру статьи с заголовками, понятную читателю и вспомогательным технологиям.
Зачем нужен этот элемент
Заголовки обозначают уровни разделов. h1 обычно называют тему страницы, h2 — крупные разделы, h3 — подразделы внутри них. Эта иерархия позволяет быстро просмотреть содержание и перейти к нужной части с помощью программы экранного доступа.
Выбирайте уровень по вложенности материала, а размер шрифта задавайте CSS. Для обычной страницы удобно использовать один ясный h1. При переходе в подраздел не перескакивайте с h2 сразу на h5 только ради визуально небольшого текста.
Синтаксис и пример
<h1>Мой первый сайт</h1>
<h2>Что понадобится</h2>
<p>Редактор и браузер.</p>
<h2>Публикация</h2>
<h3>Подготовка файлов</h3>
<p>Проверьте относительные пути.</p>Что важно в разметке
| Параметр | Как использовать |
|---|---|
| h1 | Название и главная тема страницы. |
| h2 | Раздел внутри основной темы. |
| h3–h6 | Последовательные уровни вложенности. |
Частая ошибка
Небольшая практика
Набросайте страницу с одним h1, двумя h2 и одним h3 внутри второго раздела. Прочитайте только заголовки: план материала должен быть понятен.
Разберите также <section>, <main>: эти элементы пригодятся в том же интерфейсе.