A data-attributek mire valók HTML-ben?

Véletlenszerű adatok tárolására, amelyek nem rendelkeznek nyilvánvaló szemantikai értékkel, közvetlenül az HTML-elemekben. Ez lehetővé teszi:

• Hozzáférést ezekhez az adatokhoz JavaScript segítségével a dinamikus viselkedés vagy manipulációk érdekében.
• Használatukat CSS-sel történő kiválasztókban az adatok értékei alapján történő stílusozáshoz.
• Konfigurációs vagy metaadatok beágyazását, amelyek egy adott elemhez kapcsolódnak, anélkül, hogy külön tárolókra vagy kerülő megoldásokra lenne szükség.

Például tárolható egy kapcsolódó objektum azonosítója, az elem állapota vagy más alkalmazás-specifikus adatok.