HTML data tag | belajar <data> element
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>
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
<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.
<!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>
SHARE