Данные HTML- * Атрибут


Определение и использование

Атрибут data-*используется для хранения пользовательских данных, закрытых для страницы или приложения.

Атрибут data-*дает нам возможность встраивать пользовательские атрибуты данных во все элементы HTML.

Сохраненные (настраиваемые) данные затем можно использовать в JavaScript страницы для создания более привлекательного взаимодействия с пользователем (без каких-либо вызовов Ajax или запросов к базе данных на стороне сервера).

Атрибут data-*состоит из двух частей:

  1. Имя атрибута не должно содержать заглавных букв и должно быть как минимум на один символ длиннее префикса «data-».
  2. Значением атрибута может быть любая строка

Примечание. Пользовательские атрибуты с префиксом «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