tutorial pengembangan web terbaru
 

HTML data-* Attributes


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:

  1. Nama atribut tidak harus mengandung huruf besar, dan harus setidaknya satu karakter lama setelah awalan "data-"
  2. 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