HTML5 Custom Data Attribut

Pernahkah Anda menggunakan nama kelas elemen atau atribut rel untuk menyimpan potongan metadata ? 

Jika Anda pernah menggunakan itu dan Anda berpikir, Wow, itu ide bagus! Saya mohon Anda untuk menyingkirkan pikiran Anda dari pikiran itu segera dan terus membaca tentang informasi yang terbaru dari dunia pemrograman front end atau yang lain.

Berkat HTML5, kita sekarang memiliki kemampuan untuk menanamkan data atribut khusus pada semua elemen HTML. Atribut ini data kustom baru terdiri dari dua bagian:

Attribute Name

Data atribut name harus setidaknya satu karakter panjang dan harus diawali dengan 'data-'. Seharusnya tidak mengandung huruf besar.

Attribute Value

Nilai atribut dapat kata apapun.

Gunakan Contoh Potongan Script Seperti di bawah ini

Bagaimana saya bisa menggunakan atribut data?

Sebagai atribut data kustom yang valid HTML5, mereka dapat digunakan dalam setiap browser yang mendukung HTML5 doctype. Untungnya, ini cukup banyak mereka semua. Selain membantu kompatibilitas mundur, ini juga memastikan bahwa atribut data kustom akan tetap menjadi, solusi cross-platform scalable baik ke masa depan.

Sekarang bahwa kita memiliki pemahaman yang luas dari apa atribut data, mari kita lihat bagaimana mereka dapat digunakan:

1. Untuk menyimpan ketinggian awal atau opacity dari suatu unsur yang mungkin diperlukan dalam perhitungan animasi JavaScript kemudian
2. Untuk menyimpan parameter untuk film Flash yang dimuat melalui JavaScript
3. Untuk menyimpan analisis Web kustom penandaan Data
4. Untuk menyimpan data tentang kesehatan, amunisi, atau kehidupan unsur dalam permainan JavaScript
5. Untuk daya diakses JavaScript <video> sub judul

Sekian Pengetahuan dari Syntax-x.blogspot.com Semoga menambah pengetahuan agan agan juga heheehe