Minggu, 03 Mei 2015

Mengenal dan contoh Elemen baru pada HTML5



DOCTYPE UNTUK HTML5
  • DOCTYPEadalah instruksi untuk web browser tentang apa versi bahasa markup halaman yang ditulis.
  • Deklarasi DOCTYPE mengacu pada Document Type Definition(DTD).
  • DTDmenetapkan aturan untuk bahasa markup, sehingga browser dapat membuat konten halaman tersebut dengan benar.
  • Penggunaan DOCTYPE pada html5 lebih di sederhanakan.
  • Sintak penulisannya :
<!DOCTYPE html>

 
Elemen baru pada HTML5
  • <article> Mendefinisikan sebuah artikel dalam dokumen 
  • <side> 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 atau kaki dokumen
  • <header> Mendefinisikan sebuah header atau kepala dokumen
  • <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 (gauge)
  • <nav> Mendefinisikan link navigasi dalam dokumen
  • <progress> Mendefinisikan proses dokumen
  • <rp> Mendefinisikan tampilan di browser yang tidak mendukung penjelasan ruby
  • <rt> Mendefinisikan penjelasan / pengucapan karakter (untuk tipografi Asia Timur)
  • <ruby> Mendefinisikan penjelasan ruby ​​(untuk tipografi Asia Timur)
  • <section> Mendefinisikan bagian dalam dokumen 
  • <summary> Mendefinisikan judul yang terlihat untuk elemen <details>
  • <time> Mendefinisikan tanggal / waktu
  • <wbr> Mendefinisikan kemungkinan line-break
Elemen-elemen baru di Form :
  • <datalist> Mendefinisikan pilihan untuk kontrol input
  • <keygen> Mendefinisikan sebuah pasangan kunci ( untuk forms )
  • <output> Mendefinisikan hasil perhitungan
Elemen-Elemen Media baru di HTML5 :

  • <audio> Mendefinisikan konten suara atau musik
  • <embed> Mendefinisikan wadah untuk aplikasi eksternal ( seperti plug-in )
  • <source> Mendefinisikan sumber untuk <video> dan <audio>
  • <track> Mendefinisikan lagu untuk <video> dan <audio>
  • <video> Mendefinisikan konten video atau film
 Elemen-elemen Graphics baru di HTML5 :

  • <canvas> Mendefinisikan gambar grafis menggunakan JavaScript
  • <svg> Mendefinisikan gambar grafis menggunakan SVG

Previous Post
Next Post

post written by:

0 komentar: