HTML тег <data>

Тег <data> является новым элементом в HTML5. Он используется для вложения в HTML документ данных, таких как денежные величины, величины измерения и т.д. С тегом <data> используется атрибут value, при помощи которого мы сообщаем браузеру, что для указанных данных есть машинный аналог, стандартизированная версия, понятная автоматизированным системам или скриптам на сайте.

К примеру, в тег <data> может быть заключен идентификатор (ID) товара. ID товара показываться пользователям не будет; машина обработает эту информацию и покажет пользователям товар с соответствующим ID.

Мы рекомендуем использовать тег <time>, если данными является дата или время.

Синтаксис

Содержимое тега <data> помещается между открывающим (<data>) и закрывающим (</data>) тегами.

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
  </head>
  <body>
   <p>Прохладительные напитки</p>
   <ul>
       <li>
	   <data value="1545325112">Кока-Кола 500 мл</data>
       </li>
       <li>
	   <data value="1545325113">Кока-кола 330 мл</data>
       </li>
       <li>
           <data value="1545325114">Кока-кола Light 330 мл</data>
      </li>
   </ul>
</body>
</html>

Результат

Атрибуты

Атрибут Значение Описание
value machine-readable format Устанавливает машиночитаемую версию содержимого тега .

Тег <data> поддерживает также глобальные атрибуты и атрибуты событий.

Поддержка браузера

62+ 22+ 49+




Похожие статьи