Data HTML- * Atribut
Contoh
Gunakan atribut data-* untuk menyematkan data khusus:
<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
<li data-animal-type="spider">Tarantula</li>
</ul>
Definisi dan Penggunaan
Atribut data-*digunakan untuk menyimpan data kustom pribadi ke halaman atau aplikasi.
Atribut data-*memberi kita kemampuan untuk menyematkan atribut data khusus pada semua elemen HTML.
Data (khusus) yang disimpan kemudian dapat digunakan dalam JavaScript halaman untuk menciptakan pengalaman pengguna yang lebih menarik (tanpa panggilan Ajax atau kueri basis data sisi server).
Atribut data-*terdiri dari dua bagian:
- Nama atribut tidak boleh mengandung huruf besar apa pun, dan harus setidaknya satu karakter setelah awalan "data-"
- Nilai atribut dapat berupa string apa pun
Catatan: Atribut khusus yang diawali dengan "data-" akan diabaikan sepenuhnya oleh agen pengguna.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung atribut tersebut.
| Attribute | |||||
|---|---|---|---|---|---|
| data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |
Sintaksis
<element data-*="somevalue">
Nilai Atribut
| Value | Description |
|---|---|
| somevalue | Specifies the value of the attribute (as a string) |
Halaman Terkait
Tutorial HTML: Atribut HTML
Referensi DOM HTML: Metode getAttribute() HTML DOM