САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML атрибут data-*


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

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

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

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

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

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

Относится к

Атрибут data-* является частью лобальных атрибутов и может использоваться с любым элементом 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