HTML атрибут data-*
Пример использования атрибута data-* для встраивания пользовательских данных:
<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
</ul>
Определение и использование
Атрибуты data-* используются для хранения пользовательских данных, закрытых для страницы или приложения.
Атрибуты data-* дают нам возможность встраивать пользовательские атрибуты данных во все элементы HTML.
Сохраненные (настраиваемые) данные затем можно использовать в jаvascript страницы для создания взаимодействия с пользователем (без каких-либо вызовов Ajax или запросов к базе данных на стороне сервера).
Атрибуты data-* состоят из двух частей:
- Имя атрибута не должно содержать заглавных букв и должно состоять как минимум из одного символа после префикса «data-».
- Значением атрибута может быть любая строка
Примечание. Пользовательские атрибуты с префиксом «data-» будут полностью игнорироваться пользовательским агентом.
Синтаксис
<element data-*="somevalue">
Значения атрибутов
Значение | Описание |
---|---|
какое-то значение | Указывает значение атрибута (в виде строки) |
Поддержка браузерами | |||||
---|---|---|---|---|---|
элемент | |||||
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.