Pengenalan HTML5

Pada tutorial kali ini akan membahas tentang pengenalan HTML5

Versi HTML saat ini adalah HTML5. HTML5 membawa banyak sekali fitur baru yang dibutuhkan oleh Developer. Seperti memasukan Video ke dalam halaman website, yang kalau dulu untuk memasukan Video saja, maka Developer harus menggunakan Javascript. HTML5 telah merangkum segala keluh kesah Developer.

Di bawah ini adalah logo dari HTML5.

html5


Apa saja yang baru dalam HTML5 ?

HTML5 memiliki deklarasi DOCTYPE yang sangat simple :

Deklarasi encoding (charset) yang sederhana :

Dulu para Developer memisahkan bagian website menggunakan elemen <div>, yakni

  • <div id=”header”>, untuk bagian header.
  • <div id=”navbar”>, untuk bagian navbar.
  • <div id=”content”>, untuk bagian content / body.
  • <div id=”footer”>, untuk bagian footer.

namun sekarang masalah itu terpecahkan oleh HTML5. Dimana HTML5 sudah menyediakan elemen tersendiri untuk bagian – bagian website tersebut. Yakni :

  • tag <header>, untuk bagian header.
  • tag <nav>, untuk bagian menu navigasi.
  • tag <article>, untuk bagian artikel website seperti post.
  • tag <footer>, untuk bagian footer.
  • tag <section>, untuk memilah – milah bagian konten. Seperti section artikel 1, section artikel 2, section artikel 3, dll.

Elemen di atas, dikenal dengan istilah elemen Semantic pada HTML5. Element Semantic adalah elemen yang memiliki makna, namun tidak memberikan efek pada konten website.

Tidak hanya Pendeklarasian baru, dan elemen Semantic yang dibawa oleh HTML5. HTML5 juga mendatangkan fitur baru seperti.

  1. Geolocation.
  2. Drag & Drop.
  3. Local Storage.
  4. Application Cache.
  5. Web Workers

Berikut table perkembangan HTML5 dari tahun ke tahun :

Version Year
Tim Berners-Lee invented www 1989
Tim Berners-Lee invented HTML 1991
Dave Raggett drafted HTML+ 1993
HTML Working Group defined HTML 2.0 1995
W3C Recommended HTML 3.2 1997
W3C Recommended HTML 4.01 1999
W3C Recommended XHTML 1.0 2000
HTML5 WHATWG First Public Draft 2008
HTML5 WHATWG Living Standard 2012
HTML5 W3C Final Recommendation 2014

source : w3schools.com

Leave a comment

Your email address will not be published. Required fields are marked *

X