HTML data- * atribut
contoh
Gunakan data- * atribut untuk menanamkan data khusus:
<Ul>
<Li Data-hewan-type = "burung"> Owl </ li>
<Li Data-hewan-type = "ikan"> Salmon </ li>
<Li Data-hewan-type = "laba-laba"> Tarantula </ li>
</ Ul>
<Li Data-hewan-type = "burung"> Owl </ li>
<Li Data-hewan-type = "ikan"> Salmon </ li>
<Li Data-hewan-type = "laba-laba"> Tarantula </ li>
</ Ul>
Coba »
Dukungan Browser
Semua browser utama mendukung data- atribut *.
Definisi dan Penggunaan
data- * atribut yang digunakan untuk menyimpan halaman pribadi setelah Anda menerapkan data kustom.
data- * data atribut dapat tertanam dalam setiap elemen HTML.
Data kustom dapat membuat halaman memiliki pengalaman interaktif yang lebih baik (tidak perlu menggunakan Ajax atau permintaan data ke server).
data- * atribut terdiri dari dua bagian:
- Jangan menyertakan nama properti dalam huruf kapital, di data- harus memiliki setidaknya satu karakter.
- Properti ini dapat string
Catatan: Custom atribut awalan "data-" akan diabaikan oleh klien.
Perbedaan antara HTML 4.01 dan HTML5
HTML5 data- * atribut ditambahkan.
tatabahasa
<Data Element - * = "somevalue">
Nilai properti
| nilai | deskripsi |
|---|---|
| somevalue | Ditentukan nilai atribut (string) |
HTML global Atribut