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