A globális attribútumok olyan attribútumok, amelyeket bármilyen HTML elemre elhelyezhet, függetlenül annak típusától. Azonosítást, stílusozási pontokat, akadálymentesítési információt és metaadatokat biztosítanak.
html
Content
id — egyedi horgonypontok CSS-hez (#hero), JS-hez (getElementById) és oldalsó linkekhez (href="#hero").class — az elsődleges stílusozási/scriptelési pont; elemeken újrafelhasználható.data-* — egyéni adatok hozzárendelése elemekhez, olvasása JS-ben az element.dataset segítségével.tabindex — fókuszálhatóság és billentyűzet tabulátorrend vezérlése (0 = sorrendben fókuszálható, -1 = csak script segítségével fókuszálható).hidden, title, lang, role, aria-* — láthatóság, buboréksúgók, nyelv és akadálymentesítés.data-* működésben<button data-action="delete" data-id="7">Delete</button>
button.dataset.action; // "delete"
button.dataset.id; // "7" (always a string)
A globális attribútumok a megosztott eszközkészlet, amelyet szinte minden elemhez használ — class/id stílusozáshoz és scriptinghez, data-* adatok JS-nek való átadásához, valamint tabindex/role/aria-* akadálymentesítéshez.
Az ismerete tisztán tartja a jelölésedet és konzisztenssé teszi a viselkedést.