Definisi dan Penggunaan
The data-* atribut yang digunakan untuk menyimpan data kustom pribadi ke halaman atau aplikasi.
The data-* atribut memberi kita kemampuan untuk menanamkan data atribut khusus pada semua elemen HTML.
disimpan (custom) data kemudian dapat digunakan di halaman JavaScript untuk menciptakan pengalaman pengguna yang lebih menarik (tanpa Ajax panggilan atau query database server-side).
The data-* atribut terdiri dari dua bagian:
- Nama atribut tidak harus mengandung huruf besar, dan harus setidaknya satu karakter lama setelah awalan "data-"
- Nilai atribut dapat berupa string
Catatan: Atribut khusus diawali dengan "data-" akan benar-benar diabaikan oleh agen pengguna.
Berlaku untuk
The contextmenu atribut adalah bagian dari Atribut global , dan dapat digunakan pada setiap elemen HTML.
| Elemen | Atribut |
|---|---|
| Semua elemen HTML | data-* |
Contoh
Contoh
Gunakan data-* atribut untuk menanamkan 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>
Cobalah sendiri " Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung atribut.
| Atribut | |||||
|---|---|---|---|---|---|
| data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |