HTMLelementtejä

HTMLelementtejä ovat HTML-dokumentin rakennuspalikoita, jotka määrittelevät sen rakenteen ja sisällön. Jokainen elementti muodostuu aloitustunnisteesta, mahdollisesta sisällöstä ja lopetustunnisteesta. Osa elementeistä on täydennysmuotoisia (void elements), joissa lopetustunnistetta ei tarvita, kuten <img>, <br> ja <hr>. Yleinen syntaksi on <tagname attribute="value">Sisältö</tagname>, ja joissain tapauksissa käytetään myös itse sulkeutuvaa muotoa <tagname attribute="value" />.

Attribuutit antavat elementille lisätietoja tai vaikuttavat sen käyttäytymiseen. Tavallisimpia ovat id, class ja href tai src, sekä alt-kuvaukselle. Muita usein käytettyjä ovat title sekä data-* attribuutit. Attribuutit sijaitsevat aloitustunnisteessa ja ne voivat olla pakollisia tai vapaaehtoisia riippuen elementin tyypistä.

Elementit voivat olla sisäkkäin, mikä muodostaa hierarkisen rakenteen. Selaimet rakentavat tästä rakenteesta DOMin (Document Object Model), jonka avulla koodi voi valita ja muokata sivun osia dynaamisesti.

HTML5 lisäsi semanttisen merkityksen antavia elementtejä kuten header, nav, main, section, article, aside ja footer sekä figure ja figcaption. Välineet kuten div ja span ovat yleiskäyttöisiä ryhmittelyelementtejä, joilla ei itsessään ole semanttista ominaisuutta. Hyvä käytäntö on suosia semanttista rakennetta aina kun mahdollista sekä ottaa huomioon saavutettavuus.