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