HTML में पेज/एप्लिकेशन के लिए निजी कस्टम डेटा कैसे स्टोर करें?

HTML में data-* एट्रिब्यूट्स (कस्टम डेटा एट्रिब्यूट्स) का उपयोग पेज या एप्लिकेशन के लिए निजी कस्टम डेटा स्टोर करने के लिए किया जाता है। ये एट्रिब्यूट्स data- से शुरू होते हैं (लोअरकेस, कोई अपरकेस नहीं) और JavaScript से dataset प्रॉपर्टी या getAttribute() के माध्यम से एक्सेस किए जा सकते हैं।

उदाहरण

<!DOCTYPE html> <html> 
  <head> 
    <script> 
      function display(rank) { 
        var myRank = rank.getAttribute("data-rank-type"); 
        alert("रैंक " + rank.innerHTML + " में " + myRank + " पॉइंट्स हैं।"); 
      } 
    </script> 
  </head> 
  <body> 
    <h1>रैंक और पॉइंट्स</h1> 
    <p>किसी भी रैंक पर क्लिक करके विवरण देखें:</p> 
    <ul> 
      <li onclick="display(this)" id="fifth" data-rank-type="500">पांचवां</li> 
      <li onclick="display(this)" id="sixth" data-rank-type="600">छठा</li> 
    </ul> 
  </body> 
</html>

नोट: data-* एट्रिब्यूट्स केवल पेज/एप्लिकेशन के लिए निजी होते हैं, सर्वर को सबमिट नहीं होते। पब्लिक डेटा के लिए मानक एट्रिब्यूट्स उपयोग करें।