Пользовательский атрибут в HTML – это атрибут, который можно добавить к элементу для хранения дополнительной информации и данных. Они используются в JavaScript для получения или изменения информации. Также можно использовать в CSS для стилизации по атрибуту.
Атрибут является универсальным, применяется к любому тегу и имеет простые правила – он всегда начинается с префикса data- и в названии используется только латинские буквы, дефис (-), двоеточие (:) и подчёркивание (_).
С помощью data атрибута можно сделать всплывающую подсказку без использования скриптов.