Hva er globale attributter i HTML?

Question

Accepted Answer

**Globale attributter** er attributter du kan plassere på *ethvert* HTML-element, uavhengig av type. De gir identifikasjon, styling-hooks, tilgjengelighetsinformasjon og metadata. ```html ``` ## De mest brukte - **`id`** — unikt anker for CSS (`#hero`), JS (`getElementById`), og lenker innen siden (`href="#hero"`). - **`class`** — det primære styling-/scripting-hooks; gjenbrukbar på tvers av elementer. - **`data-*`** — fest egendefinert data til elementer, les i JS via `element.dataset`. - **`tabindex`** — kontroller fokusérbarhet og tastatur-tab-rekkefølge (`0` = fokusérbar i rekkefølge, `-1` = fokusérbar bare via script). - **`hidden`**, **`title`**, **`lang`**, **`role`**, **`aria-*`** — synlighet, verktøytips, språk og tilgjengelighet. ## data-* i aksjon ```html ``` ```js button.dataset.action; // "delete" button.dataset.id; // "7" (always a string) ``` ## Hvorfor det betyr noe Globale attributter er det delte verktøysettet du bruker på nesten alle elementer — `class`/`id` for styling og scripting, `data-*` for å sende data til JS, og `tabindex`/`role`/`aria-*` for tilgjengelighet. Å kjenne dem holder markup ren og atferd konsistent.