Níveis de aninhamento sem pular etapas
Passe de h2 para h3 na ordem correta para manter o esquema lógico.
Níveis de aninhamento sem pular etapas é uma aula grátis de Web Accessibility Academy no CoddyKit. Esta é a aula 2 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Web Accessibility Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Web Accessibility Academy inclui 4 aulas no total.
Partes desta aula ainda não foram traduzidas e aparecem em inglês.
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. ✅
Perguntas Frequentes
A aula “Níveis de aninhamento sem pular etapas” é grátis?
Sim — o texto completo de “Níveis de aninhamento sem pular etapas” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Web Accessibility Academy, atualize para CoddyKit PRO. O curso de Web Accessibility Academy inclui 4 aulas no total.
O que vou aprender em “Níveis de aninhamento sem pular etapas”?
Passe de h2 para h3 na ordem correta para manter o esquema lógico. Você pratica Web Accessibility Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Web Accessibility Academy?
Nenhuma experiência prévia é necessária. Web Accessibility Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 2 de 4.
Quanto tempo leva a aula “Níveis de aninhamento sem pular etapas”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Web Accessibility Academy?
Sim. Cada aula de Web Accessibility Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Um h1 por página: nomeando o tópico principal
- Níveis de aninhamento sem pular etapas
- Títulos são navegação, não apenas texto grande
- Audite o esquema de uma página com os ouvidos