Приведи примеры использования Data аттрибутов

Data-атрибуты (`data-*`) позволяют хранить дополнительную информацию в HTML-элементах без использования нестандартных атрибутов или дополнительных свойств. Они полезны для хранения данных, которые не видны пользователю, но нужны для JavaScript или CSS. **Пример в HTML:** ```html ``` **Доступ в JavaScript:** ```javascript const userElement = document.getElementById('user'); console.log(userElement.dataset.userId); // "123" console.log(userElement.dataset.role); // "admin" ``` **Использование в CSS:** ```css [data-role="admin"] { background-color: gold; } ``` **Особенности:** - Имена преобразуются в camelCase в JS (`data-user-id` → `userId`). - Всегда возвращают строку, даже если значение число. - Можно изменять динамически через `element.dataset.key = "value"`.