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