Livelli di annidamento senza saltare
Passi da h2 a h3 nell'ordine corretto per mantenere logica la struttura.
Livelli di annidamento senza saltare è una lezione Web Accessibility Academy gratuita su CoddyKit. Questa è la lezione 2 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Web Accessibility Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Web Accessibility Academy include 4 lezioni in totale.
Le intestazioni formano una struttura
I livelli delle intestazioni costruiscono una struttura simile a un elenco annidato. I numeri dei livelli indicano quali sezioni sono contenute in altre, proprio come nella scaletta di un tema. 🌳
Scenda di un livello alla volta
Dopo un h2, una sottosezione usa h3, non h4. Aumentare i livelli di un solo passo alla volta mantiene la struttura corretta e facile da seguire.
<h2>Shipping</h2>
<h3>Delivery Times</h3>Saltare i livelli danneggia la struttura
Passare direttamente da h2 a h4 fa pensare che manchi un h3. La struttura presenta ora una lacuna e gli utenti si chiedono che cosa abbiano saltato.
Tornare indietro va bene
Può risalire di qualsiasi numero di livelli. Dopo un h4, tornare a h2 significa semplicemente iniziare una nuova sezione di livello superiore. È consentito.
<h2>Payment</h2>
<h3>Cards</h3>
<h4>Visa</h4>
<h2>Returns</h2>I livelli indicano la gerarchia
Ogni passo verso il basso indica un contenuto incluso in quello precedente. Un h3 fa parte dell’h2 che lo precede, non è un elemento fratello. Il numero indica una relazione, non una dimensione.
Non scelga in base all’aspetto
Non scelga mai h4 solo perché desidera un testo più piccolo. Scelga il livello richiesto dalla struttura, poi imposti le dimensioni con CSS.
Gli elementi fratelli condividono il livello
Le sezioni alla stessa profondità condividono lo stesso livello di intestazione. Tre sottosezioni equivalenti sotto un unico argomento dovrebbero essere tutte h3, affiancate allo stesso livello.
<h2>Menu</h2>
<h3>Starters</h3>
<h3>Mains</h3>
<h3>Desserts</h3>Inizi sotto l’h1
La prima intestazione di sezione è h2, subito sotto l’unico h1. La struttura si sviluppa verso il basso a partire da questa radice.
L’annidamento profondo è raro
La maggior parte delle pagine si ferma a h3 o h4. Se arriva spesso a h6, potrebbe essere necessario dividere il contenuto in sezioni più semplici e meno profonde.
I livelli vuoti confondono
Non aggiunga un h3 privo di contenuto solo per raggiungere un determinato livello. Ogni intestazione dovrebbe introdurre materiale reale al di sotto.
Verifichi leggendo i numeri
Legga ad alta voce le intestazioni usando solo i numeri. Una sequenza fluida come 1, 2, 3, 2, 3 funziona; un passaggio improvviso da 2 a 4 rivela un livello saltato.
Verifica rapida
Ha un h2. Qual è il livello corretto per una sottosezione al suo interno?
Riepilogo
Ha imparato a scendere di un livello alla volta, a non saltare mai un livello durante la discesa e a scegliere i livelli in base alla gerarchia, non alle dimensioni. ✅
Domande Frequenti
La lezione «Livelli di annidamento senza saltare» è gratuita?
Sì — il testo completo di «Livelli di annidamento senza saltare» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Web Accessibility Academy, passa a CoddyKit PRO. Il corso Web Accessibility Academy include 4 lezioni in totale.
Cosa imparerò in «Livelli di annidamento senza saltare»?
Passi da h2 a h3 nell'ordine corretto per mantenere logica la struttura. Eserciti Web Accessibility Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Web Accessibility Academy?
Non è richiesta alcuna esperienza precedente. Web Accessibility Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 2 di 4.
Quanto tempo richiede la lezione «Livelli di annidamento senza saltare»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Web Accessibility Academy?
Sì. Ogni lezione Web Accessibility Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Un solo h1 per pagina: denominare l'argomento principale
- Livelli di annidamento senza saltare
- Le intestazioni servono alla navigazione, non sono solo testo grande
- Verificare a orecchio la struttura di una pagina