რა არის გლობალური ატრიბუტები HTML-ში?

Question

Accepted Answer

**გლობალური ატრიბუტები** არის ატრიბუტები, რომელსაც შეგიძლია დაამატო *ნებისმიერ* HTML ელემენტზე, მისი ტიპის მიუხედავად. ისინი უზრუნველყოფენ იდენტიფიკაციას, სტილიზაციის კვანძებს, ხელმისაწვდომობის ინფორმაციას და მეტამონაცემებს. ```html ``` ## ყველაზე ხშირად გამოყენებული - **`id`** — უნიკალური ანკორი CSS-ისთვის (`#hero`), JS-ისთვის (`getElementById`), და გვერდის შიგნით ბმულებისთვის (`href="#hero"`). - **`class`** — სტილიზაციის/სკრიპტირების მთავარი კვანძი; გამოყენებადი რამდენიმე ელემენტში. - **`data-*`** — დამაგრე კასტომური მონაცემები ელემენტებზე, წაიკითხე JS-ში `element.dataset`-ის საშუალებით. - **`tabindex`** — კონტროლი ფოკუსირებადობისა და კლავიატურის ტაბის რიგის (`0` = ფოკუსირებადი წესით, `-1` = ფოკუსირებადი მხოლოდ სკრიპტის მეშვეობით). - **`hidden`**, **`title`**, **`lang`**, **`role`**, **`aria-*`** — ხილვადობა, გარჩევილი ცნობები, ენა და ხელმისაწვდომობა. ## data-* მოქმედებაში ```html ``` ```js button.dataset.action; // "delete" button.dataset.id; // "7" (always a string) ``` ## რატომ არის ეს მნიშვნელოვანი გლობალური ატრიბუტები არის საერთო ხელსაწყოთა ნაკრები, რომელსაც იყენებ თითქმის ყველა ელემენტზე — `class`/`id` სტილიზაციისა და სკრიპტირებისთვის, `data-*` მონაცემების JS-ში გადასაცემად, და `tabindex`/`role`/`aria-*` ხელმისაწვდომობისთვის. მათი ცოდნა ინახავს მარკაპს სუფთა და ქცევას თანმიმდევრულს.