वैश्विक विशेषताएं ऐसी विशेषताएं हैं जो आप किसी भी HTML तत्व पर लगा सकते हैं, इसके प्रकार की परवाह किए बिना। वे पहचान, स्टाइलिंग हुक, पहुंचयोग्यता जानकारी और मेटाडेटा प्रदान करते हैं।
html
Content
id — CSS (#hero), JS (getElementById), और पृष्ठ-आंतरिक लिंक्स (href="#hero") के लिए अद्वितीय लंगर।class — स्टाइलिंग/स्क्रिप्टिंग के लिए प्राथमिक हुक; तत्वों में पुन: उपयोग करने योग्य।data-* — तत्वों के लिए कस्टम डेटा संलग्न करें, JS में element.dataset के माध्यम से पढ़ें।tabindex — focusability और कीबोर्ड टैब क्रम को नियंत्रित करें (0 = क्रम में focusable, -1 = केवल script के माध्यम से focusable)।hidden, title, lang, role, aria-* — दृश्यमानता, सुझाव, भाषा, और पहुंचयोग्यता।data-* कार्य में<button data-action="delete" data-id="7">Delete</button>
button.dataset.action; // "delete"
button.dataset.id; // "7" (always a string)
वैश्विक विशेषताएं साझा टूलकिट हैं जो आप लगभग हर तत्व पर उपयोग करते हैं — स्टाइलिंग और स्क्रिप्टिंग के लिए class/id, JS को डेटा पास करने के लिए data-*, और पहुंचयोग्यता के लिए tabindex/role/aria-*।
उन्हें जानने से आपका मार्कअप स्वच्छ और व्यवहार सुसंगत रहता है।