Атрибут data-*

Синтаксис

<article data-columns="..." data-index-number="...">...</article>

<li data-animal-type="...">...</li>

и тд.

Описание

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

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

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

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

• Имя атрибута (не должно содержать заглавных букв и должно состоять как минимум из одного символа после префикса "data-");
• Значение атрибута (может быть любой текст).

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

Пример

HTML-код:

Отображение в браузере:

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