За какво служат data атрибутите в HTML?

За съхраняване на произволни данни, които нямат явна семантична стойност, директно в HTML елементи. Това позволява:

• Достъп до тези данни чрез JavaScript за динамично поведение или манипулации.
• Използването им в CSS селектори за стилизиране на елементи въз основа на стойностите на data атрибутите.
• Вграждане на конфигурационни или метаданни, свързани с конкретен елемент, без необходимост от отделни хранилища или обходни решения.

Например, може да се запази ID на свързан обект, статус на елемента или други специфични за приложението данни.