УРОК 106 ИЗ 120

Исправьте: полную иерархию заголовков

Организуйте заголовки от h1 до h3 без пропуска уровней.

Официальный источникWHATWG HTML — headingsПроверено: 2026-08-26
ШАГ 1 · ИЗУЧИТЕ

Как это работает

Организуйте заголовки от h1 до h3 без пропуска уровней. Семантическая структура должна описывать смысл, а не внешний вид.

Правильный пример
<main><h1>Руководство по доступному сайту</h1><h2>Структура страницы</h2><h3>Основная область</h3><p>Используем один main.</p><h2>Содержимое</h2><p>Заголовки показывают отношения между разделами.</p></main>

h1 называет главную тему. Каждый h2 вводит тему второго уровня, а h3 уточняет предыдущий h2. Порядок передаёт структуру, а не визуальный размер текста.

Частая ошибка
<main><h1>Руководство</h1><h3>HTML</h3><h2>CSS</h2></main>

После h1 сразу идёт h3, уровень h2 пропущен, и связь раздела выражена неправильно.

ШАГ 2 · ПРИМЕНИТЕ

Ваше задание

Исправьте пример, не меняя его цель. Организуйте заголовки от h1 до h3 без пропуска уровней.

ШАГ 3 · СОЗДАЙТЕ

Напишите и посмотрите результат

index.htmlHTML
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ

Что должно пройти

0%не проверено
  • Есть ровно один h1.
  • Есть минимум два h2.
  • Есть подзаголовок h3.
  • Уровни заголовков не пропускаются.
Объясните логику решения

Сначала напишите h1, затем первый h2 и его h3. Завершите вторым h2; не переходите от h1 сразу к h3.