HTML'de küresel öznitelikler nedir?

Question

Accepted Answer

**Küresel öznitelikler**, türüne bakılmaksızın *herhangi* bir HTML öğesine koyabileceğiniz özniteliklerdir. Tanımlama, stil kancaları, erişilebilirlik bilgisi ve meta verileri sağlarlar. ```html ``` ## En çok kullanılanlar - **`id`** — CSS (`#hero`), JS (`getElementById`) ve sayfadaki bağlantılar (`href="#hero"`) için benzersiz bir çıpa. - **`class`** — birincil stil/komut dosyası kancası; öğeler arasında yeniden kullanılabilir. - **`data-*`** — öğelere özel veriler ekleyin, JS'de `element.dataset` aracılığıyla okuyun. - **`tabindex`** — odaklanabilirliği ve klavye sekme sırasını kontrol edin (`0` = sırasına göre odaklanabilir, `-1` = yalnızca komut dosyası aracılığıyla odaklanabilir). - **`hidden`**, **`title`**, **`lang`**, **`role`**, **`aria-*`** — görünürlük, araç ipuçları, dil ve erişilebilirlik. ## data-* işlemde ```html ``` ```js button.dataset.action; // "delete" button.dataset.id; // "7" (always a string) ``` ## Neden önemli Küresel öznitelikler, neredeyse her öğede kullandığınız paylaşılan bir araç setidir — stil ve komut dosyası için `class`/`id`, JS'ye veri iletmek için `data-*` ve erişilebilirlik için `tabindex`/`role`/`aria-*`. Bunları bilmek işaretlemeyi temiz ve davranışı tutarlı tutar.