H1H6otsikot

H1–H6-otsikot viittaavat HTML-dokumentin otsikkotason elementteihin (<h1>–<h6>), joiden tarkoituksena on merkitä sisällön rakenteellinen hierarkia. Ne antavat sivulle sekä visuaalisen että semanttisen merkityksen.

Rakenne ja hierarkia: <h1> on sivun pääotsikko, <h2> suurimmat osiot ja <h3>–<h6> alakohtien otsikot. Yleisesti suositellaan, että sivulla on yksi <h1> ja sen jälkeen käytetään <h2>-tasoja pääosioille sekä <h3>–<h6>-tasoja alakohtien kuvaamiseen. Väliin ei tulisi hypätä tasojen yli ilman tarvetta.

Saavutettavuus ja hakukoneoptimointi: semanttinen rakenne helpottaa ruudunlukijoiden navigointia ja antaa hakukoneille sisällön tärkeysjärjestyksen. Otsikoiden väärä käyttö voi heikentää näitä.

Parhaat käytännöt: käytä kuvaavia, tiiviitä otsikoita, pidä hierarkia loogisena ja johdonmukaisena, ja vältä käyttämästä otsikoita vain ulkoasua varten. Varmista, että jokainen otsikko heijastaa seuraavan osion sisältöä.

Tyylittely ja standardit: <h1>–<h6> ovat semanttisia elementtejä, joita muotoillaan CSS:llä. HTML:n nykyiset suositukset kannustavat selkeää rakennetta sekä saavutettavuutta varten.

Historialta ja standardeista: Otsikkotasoja koskevat ohjeet pohjautuvat HTML:n semanttisiin periaatteisiin ja WHATWG:n standardeihin; nykypäivän käytäntö korostaa selkeää, järkevää otsikkorakennetta kaikissa sivuissa.