Vad är globala attribut i HTML?

Question

Accepted Answer

**Globala attribut** är attribut som du kan placera på *vilket* HTML-element som helst, oavsett dess typ. De ger identifiering, CSS-kopplingspunkter, tillgänglighetsinfo och metadata. ```html ``` ## De mest använda - **`id`** — unikt ankare för CSS (`#hero`), JS (`getElementById`) och in-page-länkar (`href="#hero"`). - **`class`** — den primära CSS/script-kopplingen; återanvändbar över element. - **`data-*`** — bifoga anpassad data till element, läs i JS via `element.dataset`. - **`tabindex`** — styra fokusering och tangentbordets tab-ordning (`0` = fokusbar i ordning, `-1` = fokusbar endast via skript). - **`hidden`**, **`title`**, **`lang`**, **`role`**, **`aria-*`** — synlighet, verktygstips, språk och tillgänglighet. ## data-* i praktiken ```html ``` ```js button.dataset.action; // "delete" button.dataset.id; // "7" (always a string) ``` ## Varför det är viktigt Globala attribut är den gemensamma verktygsuppsättning du använder på nästan varje element — `class`/`id` för CSS och skriptning, `data-*` för att skicka data till JS, och `tabindex`/`role`/`aria-*` för tillgänglighet. Att känna till dem håller markeringen ren och beteendet konsistent.