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`, JS ला डेटा पास करण्यासाठी `data-*`, आणि अॅक्सेसिबिलिटीसाठी `tabindex`/`role`/`aria-*`. ते जाणून घेणे मार्कअपला स्वच्छ आणि वर्तन सुसंगत ठेवते.