Уровни вложенности без пропусков
Переходите от h2 к h3 по порядку, чтобы структура оставалась логичной
«Уровни вложенности без пропусков» — бесплатный урок Web Accessibility Academy на CoddyKit. Это урок 2 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Web Accessibility Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Web Accessibility Academy содержит 4 уроков всего.
Части этого урока еще не переведены и отображаются на английском.
Headings Form an Outline
Heading levels build an outline like a nested list. The level numbers tell users which sections sit inside which, just like an essay outline. 🌳
Go Down One at a Time
After an h2, a subsection uses h3, not h4. Increasing levels one step at a time keeps the structure honest and easy to follow.
<h2>Shipping</h2>
<h3>Delivery Times</h3>Skipping Down Breaks It
Jumping from h2 straight to h4 implies a missing h3. The outline now has a hole, and users wonder what they skipped.
Climbing Back Up Is Fine
You can leap back up any amount. After an h4, returning to h2 simply means a new top-level section started. That is allowed.
<h2>Payment</h2>
<h3>Cards</h3>
<h4>Visa</h4>
<h2>Returns</h2>Levels Mean Hierarchy
Each step down means contained within. An h3 is part of the h2 above it, not a sibling. The number is a relationship, not a size.
Do Not Choose by Looks
Never pick h4 just because you want smaller text. Choose the level the structure needs, then style the size with CSS.
Siblings Share a Level
Sections at the same depth share a heading level. Three equal subsections under one topic should all be h3, side by side.
<h2>Menu</h2>
<h3>Starters</h3>
<h3>Mains</h3>
<h3>Desserts</h3>Start Below the h1
Your first section heading is h2, sitting just under the single h1. The outline grows downward from that one root.
Deep Nesting Is Rare
Most pages stop around h3 or h4. If you reach h6 often, your content may need splitting into simpler, shallower sections.
Empty Levels Confuse
Do not add an h3 with no content under it just to reach a level. Every heading should introduce real material below it.
Test by Reading Numbers
Read your headings aloud as just their numbers. A smooth 1, 2, 3, 2, 3 flows; a sudden 2 to 4 reveals a skipped level.
Quick Check
You have an h2. What is the correct level for a subsection inside it?
Recap
You learned to step heading levels down one at a time, never skip a level going down, and choose levels for hierarchy, not size. ✅
Часто задаваемые вопросы
Урок «Уровни вложенности без пропусков» бесплатный?
Да — полный текст урока «Уровни вложенности без пропусков» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Web Accessibility Academy, подпишись на CoddyKit PRO. Курс Web Accessibility Academy содержит 4 уроков всего.
Чему я научусь в уроке «Уровни вложенности без пропусков»?
Переходите от h2 к h3 по порядку, чтобы структура оставалась логичной Ты практикуешь Web Accessibility Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Web Accessibility Academy?
Предыдущий опыт не требуется. Web Accessibility Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 2 из 4.
Сколько времени занимает урок «Уровни вложенности без пропусков»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Web Accessibility Academy?
Да. Каждый урок Web Accessibility Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Один h1 на страницу: название основной темы
- Уровни вложенности без пропусков
- Заголовки — это навигация, а не просто крупный текст
- Проверка структуры страницы на слух