Atributele globale sunt atribute pe care le poți pune pe orice element HTML, indiferent de tipul acestuia. Ele oferă identificare, cârlige de stil, informații de accesibilitate și metadate.
html
Content
Atributele globale sunt atribute pe care le poți pune pe orice element HTML, indiferent de tipul acestuia. Ele oferă identificare, cârlige de stil, informații de accesibilitate și metadate.
Content
id — ancoră unică pentru CSS (#hero), JS (getElementById) și link-uri în pagină (href="#hero").class — cârligul principal de stil/scriptare; reutilizabil pe elementsuri.data-* — atașează date personalizate elementelor, citește în JS prin element.dataset.tabindex — controlează focusabilitatea și ordinea tabulației tastaturii (0 = focusabil în ordine, -1 = focusabil doar prin script).hidden, title, lang, role, aria-* — vizibilitate, sfaturi, limbă și accesibilitate.<button data-action="delete" data-id="7">Delete</button>
button.dataset.action; // "delete"
button.dataset.id; // "7" (always a string)
Atributele globale sunt setul de instrumente partajat pe care îl folosești pe aproape fiecare element — class/id pentru stil și scriptare, data-* pentru transmiterea datelor la JS, și tabindex/role/aria-* pentru accesibilitate.
A le cunoaște ține codul curat și comportamentul consistent.