Kaj so globalni atributi v HTML-u?

Question

Accepted Answer

**Globalni atributi** so atributi, ki jih lahko postavite na *katerikoli* HTML element, ne glede na njegov tip. Zagotavljajo identifikacijo, kljuke za oblikovanje, podatke za dostopnost in metapodatke. ```html ``` ## Najpogosteje uporabljeni - **`id`** — edinstven sidrišče za CSS (`#hero`), JS (`getElementById`) in povezave v isti strani (`href="#hero"`). - **`class`** — primarni kavelj za oblikovanje/skriptiranje; ponovno uporabljan med elementi. - **`data-*`** — priložite po meri podatke elementom, prebrane v JS prek `element.dataset`. - **`tabindex`** — nadzorujte fokuabilnost in vrstni red tabulatorja (`0` = fokuabilen v vrstnem redu, `-1` = fokuabilen samo prek skripta). - **`hidden`**, **`title`**, **`lang`**, **`role`**, **`aria-*`** — vidnost, namigi, jezik in dostopnost. ## data-* v akciji ```html ``` ```js button.dataset.action; // "delete" button.dataset.id; // "7" (always a string) ``` ## Zakaj je to pomembno Globalni atributi so skupni komplet orodij, ki ga uporabljate na skoraj vsakem elementu — `class`/`id` za oblikovanje in skriptiranje, `data-*` za prosljeđivanje podatkov JS-u, in `tabindex`/`role`/`aria-*` za dostopnost. Njihovo poznavanje ohranja označevanje čisto in vedenje dosledna.