ग्लोबल एट्रिबिउटस हरू एट्रिबिउटस हुन् जुन तपाईं कुनै पनि HTML एलिमेन्टमा राख्न सक्नुहुन्छ, यसको प्रकार जस्तो कहीले पनि। तिनीहरूले पहिचान, स्टाइलिङ हुक, पहुँचयोग्यता जानकारी, र मेटाडेटा प्रदान गर्छन्।
html
Content
ग्लोबल एट्रिबिउटस हरू एट्रिबिउटस हुन् जुन तपाईं कुनै पनि 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, JS लाई डेटा पास गर्न data-*, र पहुँचयोग्यताका लागि tabindex/role/aria-*।
तिनीहरूलाई थाहा राख्नुले मार्कअप सफा र आचरण सुसंगत राख्छ।