Otsikoiden ja kappaleiden käyttö

Kun ymmärrät, miten oikea HTML-rakenne muodostetaan, siirretään huomio body-elementin sisällön lisäämiseen, jotta verkkosivulle saadaan näkyvää sisältöä.

Otsikot

Otsikoita käytetään sisällön jäsentämiseen ja organisointiin verkkosivulla. HTML tarjoaa kuusi otsikkotasoa, alkaen <h1> (tärkein) ja päättyen <h6> (vähiten tärkeä).

Jokaisen otsikkotason asianmukainen käyttö on tärkeää, jotta dokumentin rakenne säilyy selkeänä ja johdonmukaisena. Korkeamman tason otsikoiden liiallinen käyttö tai tasojen ohittaminen voi aiheuttaa sekaannusta ja vaikeuttaa sekä käyttäjien että hakukoneiden kykyä ymmärtää sisällön rakennetta.

• <h1> käytetään sivun pääotsikkona;
• <h2> käytetään alaotsikoissa, jotka osoittavat alemman tärkeyden tason verrattuna <h1>-otsikkoon;
• <h3> käytetään edelleen alajaksojen otsikoinnissa.

Kappaleet

Kappaleet, jotka merkitään <p>-tagilla, jakavat tekstin erillisiin kappaleisiin ja tarjoavat sisällölle visuaalista ja semanttista selkeyttä.
Esimerkki:

• Jokainen <p>-elementti määrittää erillisen kappalelohkon;
• Selain lisää automaattisesti väliä kappaleiden väliin parantaakseen luettavuutta ja säilyttääkseen visuaalisen yhdenmukaisuuden.