пример
Используйте 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-* атрибутов дает нам возможность вставлять пользовательские data атрибуты всех элементов HTML.
Сохраненные данные (пользовательские), то можно использовать в JavaScript страницы, чтобы создать более привлекательный пользовательский интерфейс (без каких-либо Ajax вызовов или запросов на стороне сервера базы данных).
В data-* атрибутов состоят из двух частей:
- Имя атрибута не должен содержать заглавные буквы, и должен быть длиной по крайней мере один символ после префикса "data-"
- Значение атрибута может быть любой строкой
Примечание: Пользовательские атрибуты с префиксом "data-" будет полностью игнорироваться агентом пользователя.
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает атрибут.
| Атрибут | |||||
|---|---|---|---|---|---|
| data-* | 4.0 | 5.5 | 2,0 | 3.1 | 9.6 |
Отличия между HTML 4.01 и HTML5
В data-* атрибуты являются новыми в HTML5.
Синтаксис
<elementdata-*=" somevalue ">
значения атрибутов
| Стоимость | Описание |
|---|---|
| somevalue | Задает значение атрибута (как строка) |
Похожие страницы
Учебник HTML: HTML Атрибуты
HTML DOM Ссылка: HTML DOM getAttribute() Метод