Атрибуты Data в HTML

Data атрибуты хранят произвольные данные для JavaScript.

Примеры использования:

<div 
    id="user" 
    data-user-id="123" 
    data-role="admin"
    data-registration-date="2024-01-15">
    Пользователь
</div>

<ul>
    <li data-price="100" data-currency="USD">Товар 1</li>
    <li data-price="200" data-currency="EUR">Товар 2</li>
</ul>

<script>
    const user = document.getElementById("user");
    console.log(user.dataset.userId); // "123"
    console.log(user.dataset.role); // "admin"
</script>