Wofür sind data-Attribute in HTML?

Zur Speicherung beliebiger Daten, die keinen expliziten semantischen Wert haben, direkt in HTML-Elementen. Dies ermöglicht:

• Zugriff auf diese Daten über JavaScript für dynamisches Verhalten oder Manipulationen.
• Verwendung in CSS-Selektoren zur Stilgestaltung von Elementen basierend auf den Werten der data-Attribute.
• Einbettung von Konfigurations- oder Metadaten, die mit einem bestimmten Element verbunden sind, ohne separate Speicher oder Umgehungslösungen.

Zum Beispiel kann die ID eines verbundenen Objekts, der Status des Elements oder andere spezifische Anwendungsdaten gespeichert werden.