Co jsou globální atributy v HTML?

Question

Accepted Answer

**Globální atributy** jsou atributy, které můžete vložit na *libovolný* HTML element, bez ohledu na jeho typ. Poskytují identifikaci, háčky pro stylování, informace o přístupnosti a metadata. ```html ``` ## Nejčastěji používané - **`id`** — jedinečný anchor pro CSS (`#hero`), JS (`getElementById`) a interní odkazy (`href="#hero"`). - **`class`** — primární hook pro stylování/skriptování; lze jej opakovaně používat na více elementech. - **`data-*`** — připojit vlastní data k elementům, čtení v JS přes `element.dataset`. - **`tabindex`** — kontrolovat zaměřitelnost a pořadí tabulátoru (`0` = zaměřitelné v pořadí, `-1` = zaměřitelné pouze skriptem). - **`hidden`**, **`title`**, **`lang`**, **`role`**, **`aria-*`** — viditelnost, tooltips, jazyk a přístupnost. ## data-* v akci ```html ``` ```js button.dataset.action; // "delete" button.dataset.id; // "7" (always a string) ``` ## Proč je to důležité Globální atributy jsou sdílená sada nástrojů, kterou používáte na téměř každém elementu — `class`/`id` pro stylování a skriptování, `data-*` pro předávání dat do JS a `tabindex`/`role`/`aria-*` pro přístupnost. Znalost těchto atributů udržuje kód čistý a chování konzistentní.