HTML5 New Elements
Sejak tahun 1999, HTML 4.01 telah banyak berubah. Hari ini, beberapa HTML 4.01 telah usang, dan elemen-elemen ini telah dihapus atau didefinisikan ulang di HTML5.
Dalam rangka untuk lebih menangani aplikasi internet saat ini, HTML5 menambahkan banyak elemen baru dan fitur, seperti: render grafis, konten multimedia, struktur halaman yang lebih baik, bentuk yang lebih baik pengolahan, dan beberapa api drag dan drop elemen, posisi, Termasuk aplikasi web caching, penyimpanan, pekerja web, dan sebagainya.
Elemen baru di HTML5
Berikut adalah daftar dari elemen HTML5 baru, dan deskripsi dari apa yang mereka digunakan untuk.
New Semantic Elemen / Struktural
HTML5 menawarkan unsur-unsur baru untuk struktur dokumen yang lebih baik:
| Menandai | Deskripsi |
|---|---|
| <article> | Mendefinisikan sebuah artikel dalam dokumen |
| <aside> | Mendefinisikan konten selain dari konten halaman |
| <bdi> | Mendefinisikan sebuah bagian dari teks yang mungkin diformat dalam arah yang berbeda dari teks lain |
| <details> | Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan |
| <dialog> | Mendefinisikan sebuah kotak dialog atau jendela |
| <figcaption> | Mendefinisikan sebuah caption untuk <figure> elemen |
| <figure> | Mendefinisikan konten mandiri, seperti ilustrasi, diagram, foto, daftar kode, dll |
| <footer> | Mendefinisikan footer untuk dokumen atau bagian suatu |
| <header> | Mendefinisikan sebuah header untuk dokumen atau bagian suatu |
| <main> | Mendefinisikan isi utama dokumen |
| <mark> | Mendefinisikan ditandai atau teks yang disorot |
| <menuitem> | Mendefinisikan item perintah / menu bahwa pengguna dapat memanggil dari menu popup |
| <meter> | Mendefinisikan pengukuran skalar dalam kisaran dikenal (a gauge) |
| <nav> | Mendefinisikan link navigasi dalam dokumen |
| <progress> | Mendefinisikan kemajuan tugas |
| <rp> | Mendefinisikan apa yang harus ditampilkan di browser yang tidak mendukung ruby penjelasan |
| <rt> | Mendefinisikan sebuah penjelasan / pengucapan karakter (untuk tipografi Asia Timur) |
| <ruby> | Mendefinisikan sebuah ruby penjelasan (for East Asian typography) |
| <section> | Mendefinisikan bagian dalam dokumen |
| <summary> | Mendefinisikan sebuah judul terlihat untuk <details> elemen |
| <time> | Mendefinisikan tanggal / waktu |
| <wbr> | Mendefinisikan sebuah kemungkinan garis-break |
Baca lebih lanjut tentang HTML5 Semantik .
New Form Elemen
| Menandai | Deskripsi |
|---|---|
| <datalist> | Mendefinisikan pilihan yang telah ditentukan untuk kontrol input |
| <keygen> | Mendefinisikan bidang kunci-pasangan Generator (for forms) |
| <output> | Mendefinisikan hasil perhitungan |
Baca semua tentang elemen form lama dan baru di HTML Form Elements .
Jenis Masukan baru
| Jenis Masukan baru | Atribut Masukan baru |
|---|---|
|
|
Pelajari semua tentang lama dan baru jenis input dalam HTML Jenis Masukan .
Pelajari semua tentang masukan atribut di HTML Masukan Atribut .
HTML5 - Atribut New Sintaks
HTML5 memungkinkan empat sintaks yang berbeda untuk atribut.
Contoh ini menunjukkan sintaks yang berbeda yang digunakan dalam <input> tag:
| Mengetik | Contoh |
|---|---|
| Kosong | <input type="text" value="John" disabled > |
| Tidak dikutip | <input type="text" value=John > |
| Dikutip ganda | <input type="text" value="John Doe" > |
| Single-dikutip | <input type="text" value='John Doe' > |
Dalam HTML5, keempat sintaks dapat digunakan, tergantung pada apa yang dibutuhkan untuk atribut.
HTML5 Graphics
| Menandai | Deskripsi |
|---|---|
| <canvas> | Mendefinisikan gambar grafis menggunakan JavaScript |
| <svg> | Mendefinisikan gambar grafis menggunakan SVG |
Baca lebih lanjut tentang HTML5 Canvas .
Baca lebih lanjut tentang HTML5 SVG .
New Media Elements
| Menandai | Deskripsi |
|---|---|
| <audio> | Mendefinisikan suara atau musik konten |
| <embed> | Mendefinisikan wadah untuk aplikasi eksternal (like plug-ins) |
| <source> | Mendefinisikan sumber untuk <video> dan <audio> |
| <track> | Mendefinisikan lagu untuk <video> dan <audio> |
| <video> | Mendefinisikan video atau film konten |
Baca lebih lanjut tentang HTML5 Video .
Baca lebih lanjut tentang HTML5 Audio .