Do czego służą atrybuty data w HTML?

Do przechowywania dowolnych danych, które nie mają wyraźnej wartości semantycznej, bezpośrednio w elementach HTML. Pozwala to:

• uzyskać dostęp do tych danych za pomocą JavaScript do dynamicznego zachowania lub manipulacji.
• używać ich w selektorach CSS do stylizacji elementów na podstawie wartości atrybutów data.
• osadzać konfiguracje lub metadane związane z konkretnym elementem, bez konieczności korzystania z osobnych magazynów lub obejść.

Na przykład można zapisać ID powiązanego obiektu, status elementu lub inne dane specyficzne dla aplikacji.