====== HTML глобальный атрибут: data-* (данные-*) ======
[[software:development:web:docs:web:html:global_attributes|Глобальный атрибут]] **data-* ** образует класс атрибутов, называемых пользовательскими атрибутами данных , которые позволяют обмениваться частной информацией между [[software:development:web:docs:web:html|HTML]] и его представлением [[software:development:web:docs:web:api:document_object_model|DOM]] с помощью сценариев.
Используется для хранения пользовательских данных, относящихся к конкретной странице или приложению.
=====Интерактивный пример=====
В данном примере к элементу добавляется атрибут data-description содержащий необходимый текст для вывода. Само отображение происходит с помощью псевдоэлемента ::after и свойства content, значением которого как раз и выступает функция attr().
=====Использование=====
**Примечание**\\
Имя атрибута должно обязательно начинаться с **data-**, дальше можно использовать латинские буквы в нижнем регистре, цифры и следующие символы: дефис (-), двоеточие (:), подчёркивание (_).
Имена атрибутов трансформируются в переменные, к которым в дальнейшем можно обращаться и получать значения, по следующим правилам:
* data- удаляется;
* любой дефис идущий перед буквой удаляется, а буква за ним становится заглавной;
* любые другие буквы остаются неизменными.
Например, атрибут **data-date-of-birth** преобразуется в переменную **dateOfBirth.**
data-description превращается в description.
data-full-description превращается fullDescription.
data-description-of-tag превращается descriptionOfTag.
=====Синтаксис=====
Пользователь
=====Значения атрибута=====
* Значения: Определяет значение атрибута (в виде строки)
* Значение по умолчанию: Нет.
=====Ссылки и Дополнения=====
Более подробное руководство по использованию атрибутов данных HTML см. в разделе [[software:development:web:docs:learn:html:howto:use_data_attributes|Использование атрибутов данных]].
* [[https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes|Использование атрибутов данных MDN]]
* [[https://html.spec.whatwg.org/multipage/dom.html#attr-data-*|Стандарт HTML # attr-data-*]]
* [[https://htmlbook.ru/blog/atribut-data|htmlbook.ru - Атрибут data-*]]
* [[http://webref.ru/html/attr/data|Описание атрибута data на сайте webref.ru]]
* [[https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes|data-* в живом стандарте HTML5]]