HTML-элемент <data> связывает данное содержимое с машиночитаемым представлением. Если содержимое относится к времени или дате, необходимо использовать элемент <time>.
Источник для этого интерактивного пример хранится в GitHub репозитории. Если вы хотите внести свой вклад, ознакомьтесь с https://github.com/mdn/interactive-examples и отправьте нам pull request.
| Категории контента | Потоковый контент, фразовый контент, явный контент. |
|---|---|
| Разрешённое содержимое | Фразовый контент. |
| Пропуск тегов | Нет, открывающий и закрывающий теги обязательны. |
| Разрешённые родители | Любой элемент который принимает фразовый контент. |
| DOM-интерфейс | HTMLDataElement |
Атрибуты
Этот элемент включает глобальные атрибуты.
value- Этот атрибут определяет машиночитаемый перевод содержимого элемента.
Пример
Следующий пример отображает названия продуктов, а также связывает каждое имя с номером продукта.
<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>
Спецификации
| Спецификация | Статус | Комментарий |
|---|---|---|
| HTML Living Standard Определение '<data>' в этой спецификации. |
Живой стандарт | Нет изменений с HTML5 |
| HTML5 Определение '<data>' в этой спецификации. |
Рекомендация | Начальное определение. |
Поддержка браузерами
BCD tables only load in the browser
Таблица совместимости на этой странице создается из структурированных данных. Если вы хотите внести свой вклад, ознакомьтесь с https://github.com/mdn/browser-compat-data и отправьте нам pull request.
Смотрите также
- HTML-элемент
<time>.