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

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

• Хранить небольшие порции данных, связанных с элементом: Например, идентификатор товара, статус элемента, настройки виджета.
• Упростить доступ и манипуляцию данными с помощью JavaScript: Данные легко получать через element.dataset и изменять их.

javascript

• **Избежать несемантичных