HTML डेटा-* विशेषताएँ
उदाहरण
कस्टम डेटा एम्बेड करने के लिए data-* विशेषता का उपयोग करें:
<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
<li data-animal-type="spider">Tarantula</li>
</ul>
परिभाषा और उपयोग
एट्रिब्यूट का data-*उपयोग कस्टम डेटा को पेज या एप्लिकेशन पर निजी रूप से स्टोर करने के लिए किया जाता है।
data-*विशेषताएँ हमें सभी HTML तत्वों पर कस्टम डेटा विशेषताओं को एम्बेड करने की क्षमता देती हैं ।
तब संग्रहीत (कस्टम) डेटा को अधिक आकर्षक उपयोगकर्ता अनुभव (बिना किसी Ajax कॉल या सर्वर-साइड डेटाबेस क्वेरी के) बनाने के लिए पृष्ठ के जावास्क्रिप्ट में उपयोग किया जा सकता है।
data-*विशेषताओं में दो भाग होते हैं :
- विशेषता नाम में कोई बड़े अक्षर नहीं होने चाहिए, और उपसर्ग "डेटा-" के बाद कम से कम एक वर्ण लंबा होना चाहिए
- विशेषता मान कोई भी स्ट्रिंग हो सकता है
नोट: उपयोगकर्ता एजेंट द्वारा "डेटा-" से पहले कस्टम विशेषताओं को पूरी तरह से अनदेखा कर दिया जाएगा।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो विशेषता का पूर्ण समर्थन करता है।
| Attribute | |||||
|---|---|---|---|---|---|
| data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |
वाक्य - विन्यास
<element data-*="somevalue">
गुण मान
| Value | Description |
|---|---|
| somevalue | Specifies the value of the attribute (as a string) |
संबंधित पृष्ठ
HTML ट्यूटोरियल: HTML विशेषताएँ
एचटीएमएल डोम संदर्भ: एचटीएमएल डोम getAttribute () विधि