Snippet

Struktur HTML 5

Agar lebih jelas mengenai struktur HTML 5, maka saya berikan gambarannya. Gambar struktur HTML 5 seperti dibawah :


Semantic/Structural Elements baru pada HTML5
  • <article> Mendefinisikan sebuah artikel
  • <aside> Mendefinisikan isi selain dari konten halaman
  • <bdi> Isolat bagian dari teks yang dapat diformat dalam arah yang berbeda dari teks lain di luar itu
  • <command> Mendefinisikan sebuah tombol perintah bahwa seorang pengguna dapat meminta
  • <details> Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan
  • <summary> Mendefinisikan sebuah judul terlihat untuk elemen <details>
  • <figure> Menentukan mandiri konten, seperti ilustrasi, diagram, foto, daftar kode, dll
  • <figcaption> Mendefinisikan sebuah caption untuk elemen
  • <footer> Mendefinisikan footer untuk dokumen atau bagian
  • <header> Mendefinisikan sebuah header untuk dokumen atau bagian
  • <hgroup> Grup seperangkat <h1> untuk elemen <h6> ketika pos memiliki beberapa tingkat
  • <mark> Mendefinisikan teks ditandai / disorot
  • <meter> Mendefinisikan pengukuran skalar dalam kisaran dikenal (gauge)
  • <nav> Mendefinisikan navigasi link
  • <progress> Merupakan kemajuan tugas
  • <ruby> Mendefinisikan sebuah penjelasan ruby (untuk tipografi Asia Timur)
  • <rt> Mendefinisikan sebuah penjelasan / pengucapan karakter (untuk tipografi Asia Timur)
  • <rp> Mendefinisikan apa yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby
  • <section> Mendefinisikan sebuah bagian dalam sebuah dokumen
  • <time> Mendefinisikan tanggal / waktu
  • <wbr> Mendefinisikan sebuah kemungkinan garis-break
New Media Elements baru pada HTML5
  • <audio> Mendefinisikan isi suara
  • <video> Mendefinisikan sebuah video atau film
  • <source> Mendefinisikan beberapa sumber daya media untuk <video> dan <audio>
  • <embed> Mendefinisikan sebuah wadah untuk aplikasi luar atau konten interaktif (plug-in)
  • <track> Mendefinisikan trek teks untuk <video> dan <audio>
New Canvas Elements baru pada HTML5
  • <canvas> Digunakan untuk menggambar grafik, dengan cepat, melalui scripting (JavaScript biasanya)
New Form Elements baru pada HTML5
  • <datalist> Menentukan daftar yang telah ditentukan pilihan untuk kontrol input
  • <keygen> Mendefinisikan sebuah field kunci-pasangan generator (untuk bentuk)
  • <output> Mendefinisikan hasil perhitungan

Leave a Reply