HTMLominaisuuksia

HTMLominaisuuksia tarkoitetaan HTML-dokumentin elementtejä konfiguroivia arvoja, jotka vaikuttavat kohteen käyttäytymiseen, ulkoasuun ja semanttisiin merkityksiin. HTML-standardi määrittelee attribuutit markupissa sekä DOM-ympäristössä saatavilla olevat properties-arvot, joita skriptit voivat lukea ja muuttaa.

Globaalit attribuutit kuten id, class, style ja title sekä data-attribuutit (data-) antavat eväitä jokaiselle elementille. Lisäksi attribuutit kuten hidden, tabindex, draggable, contenteditable ja spellcheck vaikuttavat saavutettavuuteen ja vuorovaikutukseen. Kaikki nämä ominaisuudet ovat tietyissä määrissä voimassa kaikissa HTML-elementeissä, ja niiden yhteiskäyttö mahdollistaa monipuolisen vuorovaikutuksen.

Elementtikohtaiset attribuutit riippuvat elementistä. Esimerkiksi a-elementillä on href, img-elementillä src ja alt, video- ja audio-elementeillä on controls sekä muted, autoplay, loop ja preload. Formielementtien kanssa käytetään kuten placeholder, required, pattern sekä min- ja max-arvoja. Uusissa HTML5-ominaisuuksissa on myös uusia syötin tyyppejä (kuten email, url, date, number) sekä semanttisen rakenteen tuki (section, article, nav, header, main, footer) ja mediaelementtien sekä Canvas-tuen mahdollisuudet.

Saavutettavuus on keskeinen osa HTML-ominaisuuksia. Alt-teksti kuvaa kuvan tarkoituksen, aria-label ja roolit parantavat navigoitavuutta näön- tai kuurouskyvyn rajoitteissa. Paras käytäntö on käyttää semanttisia elementtejä ja välttää screen-readerituntuman kannalta epäselvää markupia. Standardit kehittyvät WHATWG:n Living Standardin kautta, ja selainvalmistajat tukevat niitä osittain eri aikoina. Validointi, kuten Nu Html Checker, auttaa havaitsemaan syntaksivirheitä ja parantamaan yhteensopivuutta.