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 " Definisi dan Penggunaan
The data-* atribut yang digunakan untuk menyimpan data kustom pribadi ke halaman atau aplikasi.
The data-* atribut memberikan kita kemampuan untuk menanamkan kebiasaan data atribut 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.
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 |
Perbedaan Antara HTML 4.01 dan HTML5
The data-* atribut baru di HTML5.
Sintaksis
<elementdata-*=" somevalue ">
atribut Nilai
| Nilai | Deskripsi |
|---|---|
| somevalue | Menentukan nilai atribut (sebagai string) |
Pages terkait
HTML Tutorial: Atribut HTML
HTML DOM Referensi: HTML DOM getAttribute() Metode