Rabu, 19 Desember 2012

Perbedaan HTML 4 dan HTML 5



Kali ini saya akan membahas tentang perbedaan HTML4 dan HTML5, perbedaannya yaitu:

  •   HTML 5 memiliki spesifikasi scripting baru yang membedakannya dengan HTML 4, yaitu adanya fitur seperti canvas scripting untuk menggambar, local storage dan scripting yang lebih spesifik terhadap konten seperti footer, header, nav dan action.
  •  Penulisan scripting pada Doctype Tags dalam HTML 5  lebih sederhana dibandingkan HTML 4. Berikut ini perbandingannya
HTML 4
<!DOCTYPE HTML PUBLIC "-//W3C/DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 5
<!DOCTYPE HTML>

  •  Penulisan scripting pada Meta Tags HTML4 masih terlihat panjang dibandingkan dengan HTML5 yang lebih sederhana
HTML 4
<meta http-equip="Content-Type" content="text/html;charset=utf-8">

HTML 5
<meta charset="utf-8">
 
  •  Layouting di HTML 5 lebih mudah dibandingkan di HTML 4, karena di HTML 5 terdapat tag baru seperti  article, header, dll. Sedangkan di HTML 4 hanya terdapat div yg digunakan untuk membagi-bagi halaman.
  •  HTML 5 merupakan suatu tag HTML biasa yang mempunyai kemampuan lebih. Sedangkan HTML 4 hanya bisa digunakan untuk hal statis.
  • Dalam membuat animasi di HTML 4 harus menggunakan javascript, sedangkan di HTML 5 hanya menggunakan tag HTML 5 saja tanpa harus menggunakan javascript.
  •  kemudahan mengintegrasikan Video, Audio dan aplikasi lain menggunakan HTML 5 dibandingkan HTML 4.
  •  Sintak pada HTML 5 yaitu html dan XML sedangkan sintak pada HTML 4 yaitu SGML dan XML
  • HTML 5 membuat situs lebih mudah diakses dengan menggunakan tag HTML5 dibandingkan dengan HTML 4
  •  Pada HTML 5 spesifikasi web form 2.0 terintegrasi baik karena terdapat Date picker, collor picker, dan numeric step control.
  • Dengan tag html5 yang baru browser dapat memeriksa dokumen HTML dengan lebih baik.
  • Pada HTML5 Input fields type sudah bisa di dapati di fields email, search dan url, jadi tidak perlu lagi  menggunakan javascript external.
  •  Di HTML 5, PUT dan DELETE metode di form sudah didukung, jadi sangat mudah membuat nya dan lebih sederhana tanpa menggunakan javascript external.
·         sumber:





0 komentar:

Posting Komentar