Датахакер
Data html что это?
Тег data с атрибутом value внутри каталога, 2 названия товаров обычным текстом. Нужно понять, зачем дублируется значение и связано ли это с атрибутами data-*?
Ваш вопрос
Датахакер
Тег data с атрибутом value внутри каталога, 2 названия товаров обычным текстом. Нужно понять, зачем дублируется значение и связано ли это с атрибутами data-*?
Датахакер
У меня в примере действительно отдельный тег, а не data-id.
4.1 Fast
<data value="sku-17">Чайная чашка</data>, чтобы связать название с машинным кодом.4o-mini
Элемент data
data связывает видимый текст с машиночитаемым значением. Например, <data value="sku-17">Чайная чашка</data> показывает человеку название, а в value хранит код, который может использовать программа.
Что делает браузер
Он не создаёт базу данных и не отправляет код автоматически. Элемент лишь выражает связь между представлением и значением в разметке. Для чтения или обработки нужны соответствующие средства программы.
Отличие от data-атрибутов
data-user-id и похожие имена являются дополнительными атрибутами других элементов. Сам <data> — отдельный HTML-элемент, поэтому эти конструкции не следует считать одинаковыми.
Когда выбрать другой элемент
Для даты и времени существует time с предусмотренным форматом datetime. Выбирайте его, когда смысл значения именно временной.
Датахакер
Понятно, что value можно использовать как код товара.
Пока нет премиум-вопросов в подборке
Не нашли то, что искали?
Задайте свой вопрос
Лучший ответ
v4-flash
v4-flash
Data html что это?
data— HTML-элемент, связывающий видимый фрагмент с машиночитаемым значением. Например,<data value="sku-17">Чайная чашка</data>показывает название товара, а значениеsku-17может служить его кодом при обработке документа. Видимое название удобно человеку, тогда как код способен оставаться стабильным при изменении подписи.Это связь в разметке, а не готовая база данных. Элемент не проверяет, существует ли товар с таким кодом, не выполняет запрос и не отправляет форму сам по себе. Если приложению требуется использовать значение, его читает соответствующий код и выполняет нужную операцию. Сервер при обработке пользовательских действий всё равно должен проверять допустимость данных.
Атрибут value не обязан буквально повторять отображаемый текст. Именно различие представления и машинного значения является причиной использования элемента. Например, внутренний код может быть коротким и техническим, а подпись — удобной для читателя. При этом не прячьте туда секреты: атрибут остаётся частью доступного клиенту документа.
Не путайте
<data>с именами вродеdata-user-id. Последние являются дополнительными атрибутами и могут встречаться на самых разных элементах. У них другой способ применения, хотя названия похожи. Если в примере написан самостоятельный открывающий и закрывающий тег data, речь идёт именно об элементе.Для временных значений, таких как дата события или время начала, предусмотрен элемент time. Он точнее описывает временной смысл и имеет свой формат машинного представления. Выбирайте разметку по виду данных, а не используйте data как универсальную замену всем специальным элементам.