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:
http://ridwanbejo.wordpress.com/2010/01/07/bandingkan-html-5-dengan-html-sebelumnya/





Diposting oleh anastasya di 09.09 0 komentar

Kamis, 13 Desember 2012

Fitur-fitur pada HTML5 dan Implementasinya


Tugas selanjutnya yaitu membahas mengenai fitur-fitur HTML 5 dan implementasinya. sebelumnya saya akan menjelaskan apa itu HTML 5. 

     1. Pengertian
HTML5 diluncurkan tahun 2009 yang merupakan gabungan antara CSS, HTML itu sendiri dengan java script yang digunakan untuk pembuatan tampilan web baru. HTML 5 itu merupakan hasil dari proyek W3C (World Wide Web Consortium) dan WHATWG (Web Hypertext Application Technology Working Group).

Sekarang HTML 5 sudah didukung oleh sebagian besar browser. HTML 5 digunakann untuk mengurangi kebutuhan eksternal plugin seperti flash dan melakukan error handling yang lebih baik dalam mengelola dan menampilkan konten web yang semakin kaya (Rich Internet Application).

      2.  Fitur-fitur HTML 5
·        - Unsur kanvas untuk menggambar
·        - Video dan elemen audio untuk media pemutaran.
·        - Dukungan yang lebih baik untuk penyimpanan secara offline.
·       - Elemen  konten yang  lebih  spesifik, seperti  artikel, footer, header, navigation, section.
·         - kontrol form seperti kalender, tanggal, waktu, e-mail, URL, search. 

       3. Kelebihan HTML5
  • Improved Accessibility, memudahkan struktur pembangunan sebuah web, sehingga developer dapat membangun mengenai halaman web yang elbih detail.
  • Client-side Database, terdapat model database SQL yang baru dengan API yang dapat dibangun dalam konsep lokal, dalam hal ini di sisi client.
  • Smarter Forms, form mampu mengenali secara lebih baik tentang input, validasi data dan interaksi dengan elemen lain (misal : format email, password dll)
  • Sharper focus on Web Application Requiments, mempermudah pembuatan front end, aplikasi chat, tools drag and drop, video player, pengolah grafis,dll.
4. Perbedaan antara HTML 4 dan HTML 5 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 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>

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 
 
 
 
sumber:
 
sumber 1
sumber 2 
sumber 3
sumber 4 



 



Diposting oleh anastasya di 21.04 0 komentar
Langganan: Postingan (Atom)