HTML data-* विशेषता

परिभाषा और उपयोग

data-* विशेषता, पृष्ठ या अनुप्रयोग के निजी स्वयंनिर्मित डाटा को संग्रहित करने के लिए उपयोग की जाती है。

data-* विशेषता हमें सभी HTML एलिमेंटों पर स्वयंनिर्मित data विशेषता जोड़ने की क्षमता प्रदान करती है。

संग्रहित (स्वयंनिर्मित) डाटा, पृष्ठ के JavaScript में उपयोग किया जा सकता है, ताकि बेहतर उपयोगकर्ता अनुभव (Ajax बुलावट या सर्वर पक्षीय डाटाबेस पूछताछ) प्रदान किया जा सके。

data-* विशेषता दो भागों से बनी है:

  • विशेषता नाम में किसी भी बड़े अक्षर नहीं होना चाहिए और "data-" जीयर्नल के बाद कम से कम एक अक्षर होना चाहिए
  • विशेषता मूल्य बिना किसी भी सीमा के किसी भी वर्णशब्द हो सकता है

ध्यान दें: उपयोगकर्ता "data-" जीयर्नल के अगले विशेषता को पूरी तरह से अनदेखा कर देगा。

और देखें:

HTML शिक्षा:HTML गुण

HTML DOM संदर्भ पुस्तिका:HTML DOM getAttribute() विधि

उदाहरण

डेटा-* गुण को उपयोग करके कस्टम डाटा इम्बेड करें:

<ul>
  <li data-animal-type="鸟类">खिलूना</li>
  <li data-animal-type="鱼类">टोनिक मछली</li>
  <li data-animal-type="蜘蛛">फ्लैवर बीघा</li>
</ul>

अपने आप प्रयोग करें

व्याकरण

<element data-*="somevalue">

गुण मूल्य

मूल्य वर्णन
somevalue गुण के मूल्य को (शब्द) के रूप में निर्धारित करें।

ब्राउज़र समर्थन

तालिका में उल्लिखित संख्याएं पहली बार इस गुण को पूरी तरह से समर्थन देने वाले ब्राउज़र का संस्करण को सूचित करती हैं।

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 5.5 2.0 3.1 9.6