Данные 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>
Определение и использование
Атрибуты data-*
используются для хранения пользовательских данных, закрытых для страницы или приложения.
Атрибуты data-*
дают нам возможность встраивать пользовательские атрибуты данных во все элементы HTML.
Сохраненные (настраиваемые) данные затем можно использовать в JavaScript страницы для создания более привлекательного взаимодействия с пользователем (без каких-либо вызовов Ajax или запросов к базе данных на стороне сервера).
Атрибуты data-*
состоят из двух частей:
- Имя атрибута не должно содержать заглавных букв и должно быть как минимум на один символ длиннее префикса «data-».
- Значением атрибута может быть любая строка
Примечание. Пользовательские атрибуты с префиксом «data-» будут полностью игнорироваться пользовательским агентом.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
Attribute | |||||
---|---|---|---|---|---|
data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |
Синтаксис
<element data-*="somevalue">
Значения атрибутов
Value | Description |
---|---|
somevalue | Specifies the value of the attribute (as a string) |
Связанные страницы
Учебник по HTML: HTML-атрибуты
Справочник по HTML DOM: Метод getAttribute() HTML DOM