Artikel ini terutama memperkenalkan atribut standar dan atribut khusus di HTML5. Artikel ini juga berbicara tentang beberapa poin pengetahuan terkait tentang mengakses atribut khusus ketika JavaScript mengoperasikan DOM. Sangat disarankan. Teman yang membutuhkannya bisa merujuknya.
Seperti yang dinyatakan dalam sintaks HTML5, suatu elemen dapat berisi atribut untuk mengatur berbagai properti untuk suatu elemen.
Beberapa properti didefinisikan sebagai global dan dapat digunakan pada elemen apa pun, sementara yang lain didefinisikan sebagai spesifik elemen. Semua properti memiliki nama dan nilai, yang terlihat seperti contoh berikut.
Berikut adalah contoh menggunakan atribut HTML5 yang menunjukkan cara menandai elemen div dengan atribut dan nilai contoh kelas:
<Div class = example> ... </div>
Atribut hanya dapat ditentukan dalam tag start dan tidak boleh digunakan di tag akhir.
Atribut HTML5 tidak peka dan dapat digunakan semua modal atau campuran, meskipun konvensi yang paling umum adalah untuk selalu menggunakan huruf kecil.
Atribut StandarProperti yang tercantum di bawah ini didukung oleh hampir semua tag HTML5.
| milik | Opsi | Fungsi |
| AccessKey | Ditentukan pengguna | Mendefinisikan pintasan keyboard untuk mengakses elemen. |
| meluruskan | Kanan, kiri, tengah | Sejajarkan label secara horizontal. |
| latar belakang | Url | Atur gambar latar belakang di belakang elemen. |
| bgcolor | Nilai, nilai heksadesimal, nilai RGB | Atur warna latar belakang di belakang elemen. |
| kelas | Ditentukan pengguna. | Klasifikasi elemen untuk memfasilitasi penggunaan lembar gaya cascading. |
| dapat diisi ulang | Benar, salah | Mendefinisikan apakah pengguna dapat mengedit konten suatu elemen. |
| ContextMenu | ID menu | Tentukan menu konteks untuk elemen. |
| data-xxxx | Ditentukan pengguna. | Properti Kustom. Penulis dokumen HTML dapat menentukan propertinya sendiri. Properti khusus harus dimulai dengan data-. |
| diseret | Benar, salah, otomatis | Mendefinisikan apakah pengguna dapat menyeret elemen. |
| tinggi | Nilai angka | Mendefinisikan ketinggian tabel, gambar, atau sel tabel. |
| Tersembunyi | Tersembunyi | Mendefinisikan apakah suatu elemen harus terlihat. |
| pengenal | Ditentukan pengguna. | Name Elements untuk memudahkan penggunaan Cascading Style Sheet. |
| barang | Daftar elemen. | Digunakan untuk menggabungkan elemen. |
| ItemProp | Daftar entri. | Digunakan untuk menggabungkan entri. |
| Ejaan | Benar, salah | Mendefinisikan apakah suatu elemen harus memiliki pemeriksaan ejaan atau kesalahan. |
| gaya | CSS Stylesheet. | Tentukan gaya inline untuk elemen. |
| subjek | ID yang ditentukan pengguna. | Mendefinisikan entri yang terkait dengan elemen. |
| Tabindex | Nomor tab | Ditentukan pada urutan kunci tab dari elemen. |
| judul | Ditentukan pengguna. | Judul sembulan elemen. |
| Valign | Atas, tengah, bawah | Penyelarasan vertikal tag dalam elemen HTML. |
| lebar | nilai numerik. | Mendefinisikan lebar tabel, gambar, dan sel tabel. |
HTML5 juga memperkenalkan fitur baru, yaitu untuk menambahkan atribut data khusus.
Atribut data khusus dimulai dengan data- dan dinamai berdasarkan kebutuhan kami. Berikut adalah contoh sederhana:
<Div class = contoh data-subjek = fisika-data-level = kompleks>
...
</div>
Dalam contoh di atas, dua properti khusus yang disebut subjek data dan level data sepenuhnya valid di HTML5. Kami juga dapat menggunakan API JavaScript atau mendapatkan nilainya di CSS dengan cara yang sama untuk mendapatkan atribut standar.
Tambahkan atribut khusus ke elemen HTML dan mengaksesnya melalui JavaScript. Jika Anda telah mencobanya sebelumnya, Anda akan menemukan bahwa mudah untuk mengabaikan verifikasi tag, dan HTML5 dapat memberi Anda kemampuan untuk membuat dan menggunakan atribut elemen Anda sendiri dalam halaman web yang valid.
Buat file HTML5:
Jika Anda belum tahu mana yang akan digunakan, Anda dapat menyalin kode berikut:
Kode XML/HTML Salin Konten ke Clipboard