Hx

Från Webbling
Version från den 2 april 2025 kl. 19.11 av PGJ (diskussion | bidrag)
(skillnad) ← Äldre version | Nuvarande version (skillnad) | Nyare version → (skillnad)
Hoppa till: navigering, sök

<h1>, <h2>, <h3>, <h4>, <h5>, <h6>

Detta är de olika rubriknivåerna som man använder för att dela in sin information i logiska delar. Dessa kan jämföras med olika rubriknivåer i en bok eller rapport. Samma regler som gäller för rubriknivåer i vanliga dokument gäller även här. Desto lägre rubriknivå, desto grövre delar den in informationen. Där t.ex. <h1> kan ses som titelrubrik eller överskriftsrubrik. <h1> är även den viktigaste rubriknivån och bör finnas på alla sidor.

Använd rubriker konsekvent

Skippa inte över rubriknivåer. Gå inte direkt ifrån <h1> till <h3>, utan använd dem i ordning, så det byggs upp en logisk struktur i ditt dokument.

Används ej för layout

Använd inte rubrikerna för deras utseendes skull. <h1> är inte till för att visa stor text, det är till för att markera en titelrubrik och inget annat! Vill du ha en stor text finns det bättre sätt att lösa det på, t.ex. med en <span>-tagg kopplad till en CSS-regel.

Användning av h1

Det ska enbart finnas en <h1>-tagg per dokument. Det ska vara huvudtiteln för hela sidan, ungefär som framsidan på en bok. Webbläsare är som vanligt snälla och tillåter att man kan ha flera <h1> i en sida. Standarden säger dock att det enbart ska finnas en enda <h1>. Däremot finns det inga begränsningar för hur ofta man kan använda övrig <hn>-taggar.

Tillgänliga attribut

Enbart de globala attributen är tillgängliga för denna tagg.

Exempel

See the Pen JdvKVw by Patrik Grip-Jansson (@PGJ) on CodePen.

Ovanstående exempel visar en minimal rubrikstruktur. Överskriften har två steg med underrubriker.

Referenser

Taggens definition i WHATWGs levande HTML-standard

http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements

Taggens definition i HTML5-standarden

http://www.w3.org/TR/html5/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements