САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Найти всё для обучения

HTML Атрибут data-*



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

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

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

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

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

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


Применение

Атрибут contextmenu является частью Глобального атрибута, и может использоваться на любом элементе HTML.

Элемент Атрибут
Все элементы HTML data-*

Пример

Пример

Используйте атрибут data-* для внедрения пользовательских данных:

<ul>
  <li data-animal-type="bird">Сова</li>
  <li data-animal-type="fish">Лосось</li>
  <li data-animal-type="spider">Тарантул</li>
</ul>
Попробуйте сами »

Поддержка браузеров

Числа в таблице указывают первую версию браузера, которая полностью поддерживает атрибут.

Атрибут
data-* 4.0 5.5 2.0 3.1 9.6