Hvad er globale attributter i HTML?

Question

Accepted Answer

**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 ``` ## De mest-brugte - **`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. ## data-* i aktion ```html ``` ```js button.dataset.action; // "delete" button.dataset.id; // "7" (always a string) ``` ## Hvorfor det betyder noget 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.