Тег <data>

Синтаксис

<ul>
    <li><data value="...">...</data></li>
    <li><data value="...">...</data></li>
    <li><data value="...">...</data></li>
</ul>

Описание

Тег <data> (от англ. data — данные) представляет содержимое в машиночитаемом виде, предназначенное для внешних автоматизированных систем или скриптов на самом сайте.

Он используется для вложения в HTML-документ данных, таких как идентификатор товара, денежные величины, величины измерения и т.д.

Примечание!

В браузере данные атрибута value не отображаются.

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

Атрибуты

Атрибут Значение Описание
value значение в машинно-читаемом формате

Задает машинно-читаемый перевод содержимого элемента

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Тег data</title>
</head>
<body>
    <ul>
        <li><data value="201">Кетчуп Heinz</data></li>
        <li><data value="180">Напиток Coca-Cola</data></li>
        <li><data value="3310">Шашлык из свинины</data></li>
    </ul>
</body>
</html>

Отображение в браузере:

  • Кетчуп Heinz
  • Напиток Coca-Cola
  • Шашлык из свинины

Параметры CSS по умолчанию

Нет.

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

Элемент

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge
<data> Да Да Да Да Да