Data HTML- * Atribut
Definisi dan Penggunaan
Atribut
data-*
ini 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.
Berlaku untuk
data-*
Atributnya adalah Atribut Global , dan dapat digunakan pada elemen HTML apa pun.
Elemen | Atribut |
---|---|
Semua elemen HTML | data-* |
Contoh
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>
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 |