Атрибут data

"Атрибут data" - один из атрибутов html. Атрибут помещается в первый тег. Второе значение атрибута пишется через тире:

Подробно об атрибуте data.

1. Что такое атрибут "data", синтаксис.
2. Пример использования атрибута data.
3. Еще об атрибутах data.

Что такое атрибут "data", синтаксис.

Дадим определение : "что такое атрибут "data"":

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

Синтаксис атрибута "data".

data-*="value"

Объяснение синтаксис атрибута "data".

data - название атрибута.

"-" - тире. Разделяет атрибут от "имени" в атрибуте "data".

"*" - знак "звездочка". Обозначает "имя" атрибута "data".

value - значение в атрибуте "data".

Имя атрибута "data".

Имя атрибута не должно содержать заглавные буквы, а также должно содержать по крайней мере один символ после приставки data-. Значением атрибута может быть любая строка.




Пример использования атрибута data

В тег можно поместить сколько угодно атрибутов "data"(атрибуты data, конечно же, не пишут с новой строки - это сделано специально для удобной визуализации).

Возможно использование в имени и тире "-", и нижнего подчеркивания "_":

<div

  data-user_name="Имя пользователя : Вася"

  data-user_familia="Фамилия пользователя : Пупкин"

  data-id_user="Ид пользователя : 12314"

  data-example-data="Пример атрибута data"

>Вася Пупкин.</div>

Индексирование data атрибутов

Поисковые роботы не индексируют данные, содержащиеся в data-атрибутах.

Скрытые данные в data атрибутах

Не стоит хранить конфиденциальные данные в атрибутах data - они будут доступны всем пользователям!

Если есть необходимость в этом... - загружайте эти данные по условию, если есть сессия пользователя.




Еще об атрибутах data:

Смотри использование атрибутов data в css.

Смотри использование атрибутов data вообще.