✔️ Актуальный

🏗️ Семантический

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

Альтернативы: <span>

Тег <data> отображает заданное значение в машиночитаемом формате. Он часто используется в сочетании с другими тегами для более удобного представления числовых или статистических данных.

<data value="value_name">value_data</data>

Атрибут value — содержимое элемента в машиночитаемом формате.

Примеры использования

Количество продаж:

<p>Количество продаж за месяц: <data value="2356">2 356</data></p>

Список товаров с ценами:

<ul>
  <li><data value="15">15</data> товаров — <data value="500">500</data> рублей</li>
  <li><data value="25">25</data> товаров — <data value="1000">1000</data> рублей</li>
  <li><data value="50">50</data> товаров — <data value="2000">2000</data> рублей</li>
</ul>

Количество просмотров видео:

<p>Количество просмотров: <data value="1000000">1 000 000</data></p>

Для чего использовать тег <data>

  • Чтобы отобразить измерение или количество чего-либо.
  • Чтобы создать машиночитаемый текст.
  • Чтобы повысить доступность данных за счёт дополнительной информации.

Глобальные атрибуты

Тег поддерживает все глобальные атрибуты HTML.

Нюансы

  • Если атрибут value не указан, тег <data> не будет иметь значения и станет отображаться как обычный текст.
  • Если атрибут value содержит специальные символы, например, кавычки, их необходимо экранировать.