Ce sunt atributele globale în HTML?

Question

Accepted Answer

**Atributele globale** sunt atribute pe care le poți pune pe *orice* element HTML, indiferent de tipul acestuia. Ele oferă identificare, cârlige de stil, informații de accesibilitate și metadate. ```html ``` ## Cele mai folosite - **`id`** — ancoră unică pentru CSS (`#hero`), JS (`getElementById`) și link-uri în pagină (`href="#hero"`). - **`class`** — cârligul principal de stil/scriptare; reutilizabil pe elementsuri. - **`data-*`** — atașează date personalizate elementelor, citește în JS prin `element.dataset`. - **`tabindex`** — controlează focusabilitatea și ordinea tabulației tastaturii (`0` = focusabil în ordine, `-1` = focusabil doar prin script). - **`hidden`**, **`title`**, **`lang`**, **`role`**, **`aria-*`** — vizibilitate, sfaturi, limbă și accesibilitate. ## data-* în acțiune ```html ``` ```js button.dataset.action; // "delete" button.dataset.id; // "7" (always a string) ``` ## De ce conteaza Atributele globale sunt setul de instrumente partajat pe care îl folosești pe aproape fiecare element — `class`/`id` pentru stil și scriptare, `data-*` pentru transmiterea datelor la JS, și `tabindex`/`role`/`aria-*` pentru accesibilitate. A le cunoaște ține codul curat și comportamentul consistent.