Храним собственные данные прямо в HTML с помощью data-*!

Дата-атрибут — это пользовательский атрибут на HTML-элементе, название которого начинается с data-. Это встроенная возможность стандарта HTML5. В дата-атрибутах можно хранить дополнительную информацию в стандартных HTML-элементах и работать с этой информацией в JS при помощи собственного API.

После data- указывается произвольное имя, описывающее значение:
• data-id — идентификатор объекта;
• data-theme — тема оформления;
• data-status — состояние элемента;
• data-user-id — идентификатор пользователя.

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

📣 Code Ready | #атрибут