<data>: Элемент данных

Базовая Широкодоступная

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с октября 2017 года.

Элемент <data> HTML связывает определённый фрагмент контента с машиночитаемым переводом. Если контент связан со временем или датой, необходимо использовать элемент <time>.

Попробовать

Атрибуты

Атрибуты этого элемента включают глобальные атрибуты.

value: Этот атрибут указывает машиночитаемый перевод содержимого элемента.

Примеры

Следующий пример отображает названия продуктов, но также связывает каждое имя с номером продукта.

html

<p>New Products</p>
<ul>
  <li><data value="398">Mini Ketchup</data></li>
  <li><data value="399">Jumbo Ketchup</data></li>
  <li><data value="400">Mega Jumbo Ketchup</data></li>
</ul>

Результат

Техническое описание

Категории контента	Потоковый контент, контент фразирования, осязаемый контент.
Разрешённый контент	Контент фразирования.
Пропуск тега	Нельзя, как открывающий, так и закрывающий тег обязательны.
Разрешённые родительские элементы	Любой элемент, принимающий контент фразирования.
Неявная роль ARIA	`generic`
Разрешённые роли ARIA	Любые
Интерфейс DOM	`HTMLDataElement`

Спецификации

Спецификация
Стандарт HTML # the-data-element

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Хром	Эдж	Файрфокс	Опера	Сафари	Хром для Android	Файрфокс для Android	Опера для Android	Сафари для iOS	Samsung Internet	WebView для Android
`data`	62	14	22	49	10	62	22	46	10	8.0	62
`value`	62	14	22	49	10	62	22	46	10	8.0	62

См. также

Элемент HTML <time>.

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data