✔️ Актуальный | Альтернативы: |
Тег <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
содержит специальные символы, например, кавычки, их необходимо экранировать.