HTML डेटा-* विशेषता
परिभाषा और उपयोग
एट्रिब्यूट का
data-*उपयोग कस्टम डेटा को पेज या एप्लिकेशन पर निजी रूप से स्टोर करने के लिए किया जाता है।
data-*विशेषता हमें सभी HTML तत्वों पर कस्टम डेटा विशेषताओं को एम्बेड करने की क्षमता देती है ।
तब संग्रहीत (कस्टम) डेटा को अधिक आकर्षक उपयोगकर्ता अनुभव (बिना किसी Ajax कॉल या सर्वर-साइड डेटाबेस क्वेरी के) बनाने के लिए पृष्ठ के जावास्क्रिप्ट में उपयोग किया जा सकता है।
विशेषता में
data-*दो भाग होते हैं:
- विशेषता नाम में कोई बड़े अक्षर नहीं होने चाहिए, और उपसर्ग "डेटा-" के बाद कम से कम एक वर्ण लंबा होना चाहिए
- विशेषता मान कोई भी स्ट्रिंग हो सकता है
नोट: उपयोगकर्ता एजेंट द्वारा "डेटा-" से पहले कस्टम विशेषताओं को पूरी तरह से अनदेखा कर दिया जाएगा।
पर लागू होता है
data-*विशेषता एक वैश्विक विशेषता है, और इसका उपयोग किसी भी HTML तत्व पर किया जा सकता है।
| तत्त्व | गुण |
|---|---|
| सभी 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>
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो विशेषता का पूर्ण समर्थन करता है।
| Attribute | |||||
|---|---|---|---|---|---|
| data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |