Referensi Belajar HTML data tag. Tutorial dan panduan mengenai element <data>...</data> yang digunakan untuk merujuk data atau konten yang dapat dibaca oleh mesin penterjemah. Mencakup penjelasan yang disertai contoh kode penggunaan sebagai rujukan untuk materi belajar HTML elemen <data>.


Deskripsi
Penjelasan HTML data

HTML <data> tag digunakan untuk merujuk konten dari sebuah data yang dapat dimengerti/dibaca oleh mesin penterjemah. Misalnya, <data> element dapat ditulis dengan attribute value dengan konten sebuah kode UPC (Universal Product Code) atau sejenis simbol/kode barcode untuk merujuk kode produk tertentu.

Jika konten dari <data> element tersebut menunjukkan keterangan waktu, maka harus menggunakan elemet <time> sebagai gantinya.

Attributes
Atribut HTML Tag <data>

value

Menentukkan konten yang dapat dimengerti oleh mesin penterjemah (Machine-readable translation).


Global Attributes
Atribut Secara Global (Keseluruhan)

<data> tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.

Example
Contoh HTML <data> element

HTML
<p>Produk Favorit</p>
<ul>
  <li><data value="8992775110171">Garuda Kacang Kulit 22g</data></li>
  <li><data value="8994171101289">Luwak White Koffie 20g</data></li>
  <li><data value="8998685056301">Frozz Lime Mint Permen 15g</data></li>
</ul>

Contoh Lengkap

Contoh source code lengkap disertai dengan link "editor" untuk mencoba (try it) dan melihat hasil (preview) kode.

SOURCE
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Demo HTML data tag</title>
  </head>
  <body>
    <p>Produk Favorit</p>
    <ul>
     <li><data value="8992775110171">Garuda Kacang Kulit 22g</data></li>
     <li><data value="8994171101289">Luwak White Koffie 20g</data></li>
     <li><data value="8998685056301">Frozz Lime Mint Permen 15g</data></li>
    </ul>
  </body>
</html>



Comments