Wednesday 19 January 2011

Apa itu HTML 5 ?

HTML 5 adalah standar terbaru yang sedang dibangun oleh W3C untuk menggantikan versi HTML sebelumnya yakni HTML 4.01. HTML 5 memperkenalkan beberapa standar baru seperti seperti canvas, pemutar video, drag and drop dan lain - lain yang sebelumnya fitur ini bergantung pada plugin pihak ketiga seperti Adobe Flash dan Microsoft Silverlight.

Kelebihan dari HTML 5
  1. Integrasi yang lebih baik dengan aplikasi web dan pemprosesannya.
  2. Penulisan kode yang lebih efisien.
  3. Memiliki bebrapa fungsi API tambahan seperti :
  • Canvas, digunakan untuk menggamabarkan objek dua dimensi (2D).
  • Timed media playback.
  • Web Storage.
  • Penyuntingan dokumen.
  • Drag and drop.
  • Manajemen sejarah kunjungan web.
  • Tipe MIME dan penanggung jawab protokol registrasi.

Contoh Penulisan HTML 5
<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Contoh dokumen HTML 5</title>
  </head>
  <body>
    <p>Teks paragraf disini.</p>
  </body>
</html>

Yang perlu diperhatikan dalam kode sederhana di atas yaitu
  • Tidak perlu lagi menggunakan <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> walau tag meta tersebut masih diijinkan untuk digunakan.
  • Deklarasi <!DOCTYPE html> adalah 'case-insensitive'. Tidak harus huruf besar/kapital semua.
Elemen baru HTML 5
  • section serupa seperti h1-h6.
  • article bisa berupa entri blog atau tulisan konten.
  • aside menyajikan konten pelengkap.
  • header bisa menyajikan judul, deskripsi, bahkan nav untuk navigasi.
  • footer berisi catatan kaki seperti informasi hak cipta, penulis, kontak, dan sebagainya.
  • dialog yang dikombinasikan dengan dt dan dd (seperti pada halaman FAQ) dapat digunakan untuk menyajikan percakapan.
  • yang fenomenal adalah penggunaan elemen figure, video, audio, source, embed, canvas, dan elemen terkait berkas multimedia lainnya.
Atribut baru di HTML 5

atribut media, ping pada elemen pranala, autofocus, placeholder, required, autocomplete, dan sebagainya, terkait elemen input dan form reversed pada elemen ol untuk urutan besar ke kecil.

Perubahan Makna Element
  • Elemen b dilegalkan sebagai tipografi penegas, seperti pada kata kunci yang ingin ditonjolkan, tidak 'deprecated' (bukan fitur yang dianggap usang). Tidak lebih dari itu. Jadi tetap tidak bermakna semantik tertentu. Hal yang sama berlaku pula untuk elemen i.
  • Elemen strong menegaskan level kepentingan, bukan sekadar penekanan emphasis lagi.
  • Dan lain - lain.

Elemen dan atribut yang tidak digunakan

Beberapa elemen dan atribut yang tidak digunakan lagi pada HTML 5 yaitu centerfont, strike, u, big, frame, frameset, dan sebagainya.

Referensi : wikipediadaniiswara

2 comments:

Anonymous said...

:zzz:

Anonymous said...
This comment has been removed by the author.

Post a Comment

Jangan lupa komentarnya ya !

 

Copyright © 2009 Cookiez is Designed by Ipietoon. | Modified by iaMz bLoG.