Globale attributter er attributter, du kan sætte på ethvert HTML-element, uanset dets type. De giver identifikation, styling-hooks, tilgængelighedsinfo og metadata.
html
Content
Globale attributter er attributter, du kan sætte på ethvert HTML-element, uanset dets type. De giver identifikation, styling-hooks, tilgængelighedsinfo og metadata.
Content
id — unikt anker til CSS (#hero), JS (getElementById), og in-page links (href="#hero").class — den primære styling/scripting-hook; genanvendelig på tværs af elementer.data-* — tilknyt brugerdefinerede data til elementer, læs i JS via element.dataset.tabindex — kontroller fokusérbarhed og tastatur tab-rækkefølge (0 = fokusérbar i rækkefølge, -1 = fokusérbar kun via script).hidden, title, lang, role, aria-* — synlighed, tooltips, sprog og tilgængelighed.<button data-action="delete" data-id="7">Delete</button>
button.dataset.action; // "delete"
button.dataset.id; // "7" (always a string)
Globale attributter er det delte værktøjssæt, du bruger på næsten hvert element — class/id til styling og scripting, data-* til at sende data til JS, og tabindex/role/aria-* til tilgængelighed.
At kende dem holder markup ren og adfærd konsistent.