HTML Атрибут data-*
Определение и использование data-*
Атрибут data-* используется для хранения личных данных пользователя на странице или в приложении.
Атрибут data-* даёт возможность встраивать пользовательские атрибуты данных во все элементы HTML.
Затем сохраненные (пользовательские) данные можно использовать в JavaScript страницы для создания более привлекательного пользовательского интерфейса (без каких-либо вызовов Ajax или запросов к базе данных на стороне сервера).
- Имя атрибута не должно содержать прописных букв и должно содержать хотя бы один символ после префикса "data-*"
- Значением атрибута может быть любая строка
Примечание: Пользовательские атрибуты с префиксом "data-*" будет полностью проигнорирован агентом пользователя.
Применение data-*
Атрибут contextmenu является частью Глобального атрибута, и может использоваться на любом элементе HTML.
| Элемент | Атрибут |
|---|---|
| Все элементы HTML | data-* |
Пример data-*
Используйте атрибут data-* для внедрения пользовательских данных:
<ul>
<li data-animal-type="bird">Сова</li>
<li data-animal-type="fish">Лосось</li>
<li data-animal-type="spider">Тарантул</li>
</ul>
Попробуйте сами »
Поддержка браузеров data-*
Числа в таблице указывают первую версию браузера, которая полностью поддерживает атрибут.
| Атрибут | |||||
|---|---|---|---|---|---|
| data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |