HTML5attributter

HTML5-attributter er tilleggsegenskaper som legges til HTML-elementer for å påvirke presentasjon, oppførsel og data i dokumentet. De gjør det mulig å angi metadata, angi lenker og flagge spesiell oppførsel uten å bruke inline skript. Attributter i HTML5 består av både eksisterende HTML-attributter som er omdefinert eller beholdt i HTML5 og nyinnførte attributter i spesifikasjoner.

Globale attributter kan brukes på de fleste elementer: id, class, style og title er vanlige eksempler, i tillegg til data- attributter for tilpasset data, samt hidden, draggable, contenteditable og tabindex. Disse gir enhetlige måter å uttrykke ekstra informasjon på tvers av elementer.

Mange elementer har spesifikke attributter som href på a, src og alt på img, value og placeholder på input, og rows og cols på textarea. Aria-attributter (aria-*) brukes også for tilgjengelighet, ofte i kombinasjon med rolle for å definere semantikk.

Data-attributter (data-*) lar lagre egendefinert informasjon direkte i elementet. I JavaScript kan data-verdiene fås via element.dataset og brukes i skript ved behov.

Boolean-attributter, som disabled, checked, selected og autofocus, eksisterer ved at attributten er til stede. Verdi er ofte like attributtnavnet. Dette påvirker elementets tilstand uten eksplisitt verdi.

HTML5-attributter er definert og vedlikeholdt i WHATWG Living Standard og HTML5-spesifikasjonen, og de støttes bredt i moderne nettlesere. Det er viktig å skille mellom attributter og DOM-egenskaper: attributtverdier initialiserer egenskaper i markup, mens skript kan lese og endre dem som egenskaper. Bruken bør være semantisk og tilgjengelighetsfokusert.