Для чего рекомендуется использовать атрибуты data в HTML?

Атрибуты data-* используются для хранения произвольных данных, связанных с конкретным элементом HTML, без необходимости использовать нестандартные атрибуты или DOM-свойства.

Основные преимущества:

• Семантически корректны: Они являются частью стандарта HTML5 и не нарушают валидность документа.
• Легкий доступ: Доступ к данным осуществляется через свойство dataset в JavaScript, возвращающее объект с ключами, соответствующими частям атрибута после data-.
• Удобство для JavaScript/CSS: Позволяют привязать определенные данные к элементам, которые затем можно использовать в логике JavaScript или для стилизации в CSS (с помощью селекторов атрибутов).
• Отделение данных от презентации: По