Atribut data-* HTML

Definisi dan Penggunaan

data-* Atribut digunakan untuk menyimpan data yang privasi dan disesuaikan halaman atau aplikasi

data-* Atribut memberikan kemampuan untuk menempelkan atribut data yang disesuaikan di semua elemen HTML

Data yang disimpan (data yang disesuaikan) dapat digunakan di JavaScript halaman untuk menciptakan pengalaman pengguna yang lebih baik (tanpa permintaan Ajax atau penyelidikan database server)

data-* Atribut terdiri dari dua bagian:

  • Nama atribut tidak boleh mengandung huruf besar apapun, dan diikuti dengan prefix "data-" harus ada setidaknya satu karakter
  • Nilai atribut dapat berupa string apapun

Perhatian: Pengguna agen akan mengabaikan atribut yang awalnya diawali dengan "data-" sepenuhnya.

Lihat Juga:

Panduan HTMLAtribut HTML

Panduan Referensi DOM HTMLMetode getAttribute() DOM HTML

Contoh

Sisihkan data yang disesuaikan dengan atribut data-*:

<ul>
  <li data-animal-type="鸟类">Ekor Helang</li>
  <li data-animal-type="鱼类">Ikan Tuna</li>
  <li data-animal-type="蜘蛛">Kumbang Pijak</li>
</ul>

Coba Sendiri

Syarat

<element data-*="somevalue">

Nilai Atribut

Nilai Deskripsi
somevalue Tentukan nilai atribut (dalam bentuk string).

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 5.5 2.0 3.1 9.6