HTML тег data

1 мин
Автор PINTA IT
HTML тег data
HTML тег data

Элемент  позволяет хранить в своём содержимом данные в формате, понятном человеку, а в атрибуте value в формате, понятном машинам.

Так можно передать числовое значение для текста:
 Жили у бабуси <data value="2">два</data> весёлых гуся.

Ещё один пример: вы разрабатываете интернет-магазин, который занимается продажей компьютеров. У вас есть множество типов, моделей и конфигураций и у каждого есть свой ID, который используется в базе данных. Эти ID мало что скажут пользователям, поэтому лучше выводить названия компьютеров в формате, который они могут понять. Но тут же в атрибуте value тега  можно хранить ID, который используется для удобного доступа к нужной модели:

 <ul>
   <li>
    <data value="2020138256">
      MacBook Pro 13 M1 8 Gb 256 Gb mid. 2020
    </data>
   </li>
   <li>
    <data value="2020138512">
      MacBook Pro 13 M1 8 Gb 512 Gb mid. 2020
    </data>
   </li>
 </ul>

Похожие публикации