Waarvoor dienen data-attributen in HTML?

Voor het opslaan van willekeurige gegevens die geen expliciete semantische waarde hebben, direct in HTML-elementen. Dit maakt het mogelijk:

• Toegang krijgen tot deze gegevens via JavaScript voor dynamisch gedrag of manipulaties.
• Ze gebruiken in CSS-selectors om elementen te stylen op basis van de waarden van data-attributen.
• Configuratie- of metadata die verband houden met een specifiek element, in te sluiten zonder aparte opslagplaatsen of omwegoplossingen.

Bijvoorbeeld, je kunt de ID opslaan van een gerelateerd object, de status van het element of andere applicatiespecifieke gegevens.