Mungkin apabila anda menggunakan jquery mobile, anda sering melihat penggunaan data-role, data-theme, dsb., sebagai contoh: kesan pengepala boleh dicapai melalui kod berikut:
Mengapakah menulis data-role="header" boleh mencapai kesan bawah hitam dan teks berpusat?
Artikel ini menyediakan kaedah pelaksanaan yang paling mudah supaya semua orang boleh mempunyai pemahaman intuitif tentang penggunaan ini.
Kami menulis halaman html dan menyesuaikan atribut data-chb="header" Kami berharap warna latar belakang kawasan div dengan atribut ini akan menjadi hitam, teks akan menjadi putih dan teks akan dipaparkan dalam. pusat; jika ia tidak mempunyai atribut tersuai data-chb Div dipaparkan secara lalai, dan kod html adalah seperti berikut:
Orang ramai sentiasa suka menambahkan atribut tersuai pada teg HTML untuk menyimpan dan memanipulasi data. Tetapi masalah dengan melakukan ini ialah anda tidak tahu sama ada skrip lain akan menetapkan semula atribut tersuai anda pada masa hadapan Selain itu, jika anda melakukan ini, ia juga akan menyebabkan sintaks html tidak mematuhi spesifikasi Html, juga. seperti beberapa kesan sampingan yang lain. Itulah sebabnya atribut data tersuai telah ditambahkan pada spesifikasi HTML5 dan anda boleh melakukan banyak perkara berguna dengannya.
Anda boleh membaca spesifikasi terperinci HTML5, tetapi penggunaan atribut data tersuai ini adalah sangat mudah, iaitu, anda boleh menambah sebarang atribut bermula dengan "data-" pada teg HTML ini tidak dipaparkan, ia tidak akan menjejaskan reka letak dan gaya halaman anda, tetapi ia boleh dibaca dan ditulis.
Coretan kod berikut ialah penanda HTML5 yang sah
:
Salin kod