Nivåindelning utan att hoppa över steg
Gå från h2 till h3 i ordning så att dispositionen förblir logisk.
Nivåindelning utan att hoppa över steg är en gratis lektion i Web Accessibility Academy på CoddyKit. Detta är lektion 2 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för Web Accessibility Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Web Accessibility Academy innehåller totalt 4 lektioner.
Rubriker bildar en struktur
Rubriknivåer bygger en struktur som en nästlad lista. Nivånumren visar vilka sektioner som ligger inuti vilka, precis som i en uppsatsdisposition. 🌳
Gå ned en nivå i taget
Efter en h2 använder en undersektion h3, inte h4. Om du ökar nivåerna ett steg i taget blir strukturen korrekt och lätt att följa.
<h2>Shipping</h2>
<h3>Delivery Times</h3>Att hoppa ned förstör strukturen
Om du hoppar direkt från h2 till h4 antyder du att en h3 saknas. Strukturen får då ett hål, och användarna undrar vad de missade.
Det går bra att klättra upp igen
Du kan hoppa upp hur många nivåer som helst. Efter en h4 betyder en återgång till h2 helt enkelt att en ny sektion på översta nivån börjar. Det är tillåtet.
<h2>Payment</h2>
<h3>Cards</h3>
<h4>Visa</h4>
<h2>Returns</h2>Nivåer betyder hierarki
Varje steg ned betyder att något ingår i något annat. En h3 är en del av h2 ovanför, inte ett syskon. Numret visar en relation, inte en storlek.
Välj inte efter utseendet
Välj aldrig h4 bara för att du vill ha mindre text. Välj den nivå som strukturen kräver och ändra sedan storleken med CSS.
Syskon delar nivå
Sektioner på samma djup delar rubriknivå. Tre likvärdiga undersektioner under ett ämne ska alla vara h3, sida vid sida.
<h2>Menu</h2>
<h3>Starters</h3>
<h3>Mains</h3>
<h3>Desserts</h3>Börja under h1
Din första sektionsrubrik är h2 och ligger direkt under den enda h1. Strukturen växer nedåt från denna enda rot.
Djup nästling är ovanligt
De flesta sidor stannar runt h3 eller h4. Om du ofta når h6 kan innehållet behöva delas upp i enklare och grundare sektioner.
Tomma nivåer förvirrar
Lägg inte till en h3 utan innehåll bara för att nå en viss nivå. Varje rubrik ska introducera verkligt innehåll under sig.
Testa genom att läsa siffrorna
Läs dina rubriker högt, men bara som siffror. Ett jämnt 1, 2, 3, 2, 3-flöde fungerar; ett plötsligt hopp från 2 till 4 avslöjar en överhoppad nivå.
Snabb kontroll
Du har en h2. Vilken nivå är rätt för en undersektion i den?
Sammanfattning
Du har lärt dig att gå ned genom rubriknivåerna en i taget, aldrig hoppa över en nivå på vägen ned och välja nivåer utifrån hierarki, inte storlek. ✅
Lär dig HTML med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 30
- Lektioner
- 120
Vanliga frågor
Är lektionen ”Nivåindelning utan att hoppa över steg” gratis?
Ja – hela texten till ”Nivåindelning utan att hoppa över steg” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i Web Accessibility Academy, kan Ni uppgradera till CoddyKit PRO. Kursen i Web Accessibility Academy innehåller totalt 4 lektioner.
Vad lär jag mig i ”Nivåindelning utan att hoppa över steg”?
Gå från h2 till h3 i ordning så att dispositionen förblir logisk. Ni övar på Web Accessibility Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig Web Accessibility Academy?
Du behöver inga förkunskaper. Utbildningen i Web Accessibility Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 2 av 4.
Hur lång tid tar lektionen ”Nivåindelning utan att hoppa över steg”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här Web Accessibility Academy-lektionen?
Ja. Varje Web Accessibility Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- Ett h1-element per sida: namnge huvudämnet
- Nivåindelning utan att hoppa över steg
- Rubriker är navigering, inte bara stor text
- Granska en siddisposition med hörseln