Belajar Element HTML: <data>

Tag <data> merupakan versi konten yang dapat dibaca oleh mesin.

Biasanya digunakan sebagai format alternatif yang bisa dimengerti oleh mesin.

Misalnya, kamu memiliki script yang memerlukan data dalam format tertentu yang tidak user-friendly. Dengan tag <data>, kamu bisa menyediakan nilai (value) dengan dua format yang berbeda.

Yaitu format yang digunakan khusus untuk mesin, dan yang satunya berupa format yang user-friendly (seperti 10 dengan sepuluh).

Kedua format tersebut harus mewakili sesuatu yang sama, seperti ID buku dengan judul buku yang menunjukkan buku yang sama.

Jika value berupa tanggal atau berkaitan dengan waktu, maka gunakanlah tag <time> saja.

Syntax

Tag <data> ditulis seperti <data value=""></data> dengan konten user-friendly diletakkan diantara tag pembuka dan penutup.

Sedangkan value pada atribut menunjukkan format untuk mesin.

Seperti ini:

<data value="machine-readble-data">
    Konten yang User friendly ...
</data>

Contoh Produk ID

<h4>Rekomendasi 7 HP Gaming Terbaik November 2019</h4>
<ul>
  <li>
    <data value="399">Asus ROG Phone 2</data>
  </li>
  <li>
    <data value="482">Razer Phone 2</data>
  </li>
  <li>
    <data value="1399">Nubia Red Magic 3S</data>
  </li>
  <li>
    <data value="2099">LG G8X ThinQ</data>
  </li>
  <li>
    <data value="1029">OnePlus 7T Pro</data>
  </li>
  <li>
    <data value="2034">Samsung Galaxy Note 10 Plus</data>
  </li>
  <li>
    <data value="2015">Xiaomi Mi 9T Pro</data>
  </li>
</ul>

Contoh Angka

<h4>Angka paling Populer</h4>
<ul>
  <li><data value="1">Satu</data></li>
  <li><data value="2">Dua</data></li>
  <li><data value="3">Tiga</data></li>
</ul>