<data>
Связывает видимый текст с машиночитаемым значением — кодом товара, точным числом — для скриптов и поисковиков.
Синтаксис
<data value="machine value">text</data>Атрибуты
| Параметр | Тип | Описание |
|---|---|---|
| value | text | Обязательно. Машиночитаемое значение. |
Примеры
Товары с артикулами и скрипт, который их читает:
<ul>
<li><data value="SKU-1042">Blue mug</data></li>
<li><data value="SKU-2077">Green teapot</data></li>
</ul>
<p id="out"></p>
<script>
const codes = [...document.querySelectorAll("data")].map((d) => d.value);
document.getElementById("out").textContent = "Codes: " + codes.join(", ");
</script>Примечания
Для дат и времени используйте <time datetime="…">. Не путайте с атрибутами data-*: <data> описывает само содержимое, а data-* прикрепляет произвольные значения к любому элементу. Браузер показывает <data> как обычный текст.
См. также
В учебнике
- Форматирование текста — Строчные теги для текста — strong и em, mark, del и ins, sub и sup, code, kbd и pre, abbr и q.