Определение и использование
data-* атрибуты используется для хранения пользовательских данных приватных страницы или приложения.
В data-* атрибутов дает нам возможность вставлять пользовательские атрибуты данных на всех HTML - элементов.
Сохраненные данные (пользовательские), то можно использовать в JavaScript страницы, чтобы создать более привлекательный пользовательский интерфейс (без каких-либо Ajax вызовов или запросов на стороне сервера базы данных).
В data-* атрибутов состоят из двух частей:
- Имя атрибута не должен содержать заглавные буквы, и должен быть длиной по крайней мере один символ после префикса "data-"
- Значение атрибута может быть любой строкой
Примечание: Пользовательские атрибуты с префиксом "data-" будет полностью игнорироваться агентом пользователя.
Относится к
contextmenu атрибут является частью глобальных атрибутов , и может быть использован на любом HTML элемент.
| Элемент | Атрибут |
|---|---|
| Все HTML-элементы | 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 |