HTML
डेटा विशेषताएँ
खोज…
वाक्य - विन्यास
<element data-custom-name="somevalue">
पैरामीटर
| मूल्य | विवरण |
|---|---|
| somevalue | विशेषता का मान निर्दिष्ट करता है (एक स्ट्रिंग के रूप में) |
डेटा विशेषता का उपयोग करें
HTML5 data-* विशेषताएँ HTML तत्वों में डेटा स्टोर करने का एक सुविधाजनक तरीका प्रदान करती हैं। संग्रहीत डेटा को जावास्क्रिप्ट का उपयोग करके पढ़ा या संशोधित किया जा सकता है
<div data-submitted="yes" class="user_profile">
… some content …
</div>
डेटा विशेषता संरचना
data-*, यानी डेटा विशेषता का नामdata-भाग के बाद आता है। इस नाम का उपयोग करके, विशेषता तक पहुँचा जा सकता है।स्ट्रिंग प्रारूप में डेटा (
jsonसहित) कोdata-*विशेषता का उपयोग करके संग्रहीत किया जा सकता है।
पुराने ब्राउज़र समर्थन करते हैं
HTML5 में डेटा विशेषताएँ पेश की गईं, जो सभी आधुनिक ब्राउज़रों द्वारा समर्थित हैं, लेकिन HTML5 से पहले के पुराने ब्राउज़र डेटा विशेषताओं को नहीं पहचानते हैं।
हालाँकि, HTML विशिष्टताओं में, वे विशेषताएँ जो ब्राउज़र द्वारा पहचानी नहीं जाती हैं, उन्हें अकेले छोड़ दिया जाना चाहिए और पृष्ठ को रेंडर करते समय ब्राउज़र बस उन्हें अनदेखा कर देगा।
वेब डेवलपर्स ने इस तथ्य का उपयोग गैर-मानक विशेषताओं को बनाने के लिए किया है जो किसी भी विशेषता हैं जो HTML विनिर्देशों का हिस्सा नहीं हैं। उदाहरण के लिए, लाइन बॉलो में value विशेषता को एक गैर-मानक विशेषता माना जाता है क्योंकि <img> टैग के लिए विशिष्टताओं में value विशेषता नहीं होती है और यह एक वैश्विक विशेषता नहीं है:
<img src="sample.jpg" value="test" />
इसका मतलब यह है कि यद्यपि पुराने ब्राउज़र में डेटा विशेषताओं का समर्थन नहीं किया जाता है, फिर भी वे काम करते हैं और आप उन्हें समान जेनेरिक जावास्क्रिप्ट setAttribute और getAttribute विधियों का उपयोग करके सेट और पुनर्प्राप्त कर सकते हैं, लेकिन आप नई dataset संपत्ति का उपयोग नहीं कर सकते हैं जो केवल आधुनिक ब्राउज़र में समर्थित है।