Атрибут data-* используется для хранения пользовательских данных, относящихся к конкретной странице или приложению.
Атрибуты data-* предоставляют возможность включать пользовательские атрибуты данных во все HTML элементы.
Сохраненные (пользовательские) данные в последствии могут быть использованы скриптами JavaScript для определенного поведения страницы в ответ на некие действия пользователя (без каких-либо Ajax запросов или обращений к базе данных на сервере).
Атрибуты data-* подчиняются следующим правилам:
- Имя атрибута не должно содержать каких-либо букв в верхнем регистре и должно быть длиной по меньшей мере в один символ после префикса "data-"
- Значением атрибута должна быть любая строка
Пользовательские атрибуты с префиксом "data-" полностью игнорируются пользовательским приложением.
Атрибут data-* был добавлен в HTML5
Синтаксис атрибута
<element data-*="значение">
Значения атрибута
| Значение | Описание |
|---|---|
| значение | Определяет значение атрибута (в виде строки) |
Пример использования атрибута
Использование атрибута data-* для вставки пользовательских данных в HTML элемент:
<ul>
<li data-animal-type="bird">Сова</li>
<li data-animal-type="fish">Лосось</li>
<li data-animal-type="spider">Тарантул</li>
</ul>
