# data-* एट्रिब्यूट्स — एचटीएमएल

Source: https://www.geekswithgeeks.com/hi/html/html-data-attributes

> किसी एलिमेंट पर सीधे कस्टम डेटा स्टोर करें।

## कस्टम एट्रिब्यूट्स

कोई भी `data-*` एट्रिब्यूट वैध HTML है और JavaScript से `dataset` के ज़रिए पढ़ा जा सकता है।

```html
<li data-id="42" data-status="done">Buy milk</li>

<script>
  const li = document.querySelector('li');
  console.log(li.dataset.id);     // "42"
  console.log(li.dataset.status); // "done"
</script>
```

## इसका उपयोग कब करें

मार्कअप पर छोटे-छोटे ऐप स्टेट जोड़ने के लिए बेहतरीन — IDs, फ्लैग, कॉन्फ़िग — बिना नए HTML टैग बनाए।