Perbedaan HTML 4 dan HTML 5: Perbedaan Html 4 dan 5

HTML5 adalah versi terbaru dari HTML. Versi terakhir HTML sebelum HTML5 adalah HTML 4.01. dan XHTML 1.1. Kali ini kita akan membahas apa saja fitur-fitur baru yang tersedia di dalam HTML5 serta perbedaannya dengan versi HTML sebelumnya. Pada dasarnya HTML5 adalah gabungan ‘best practice‘ dari HTML 4.01 dan XHTML. Hampir semua tag atau elemen pada HTML 4.01 maupun XHTML 1.1 dapat digunakan dalam HTML5.

Beberapa perbedaan yang akan ditemukan dalam HTML5:

Penulisan doctipe pada HTML5 lebih sederhana. Mungkin inilah perbedaan paling mencolok dari halaman HTML yang ditulis menggunakan HTML5 atau tidak. Penulisan Doctype atau DTD pada HTML5 menjadi lebih sederhana:<!DOCTYPE html>.
Penulisan type atribut untuk tag<style> dan <script> tidak diperlukan pada HTML5. Hal ini karena secara default web browser akan menggunakan text/css untuk tag <style>, dan text/javascriptuntuk tag <script>. Sebagai contoh, untuk menggunakan external CSS, Pada HTML versi sebelumnya kita menuliskan tag <style> secara lengkap: <style type=”text/css”>…kode CSS… </style>, namun dalam HTML5 kita bisa membuatnya lebih sederhana: <style>…..kode CSS…..</style>
Penulisan meta tag karakter set (charset) pada HTML5 menjadi lebih sederhana: <meta charset=”utf-8″>, dibandingkan versi sebelumnya: <meta http-equiv=”content-type” content=”text/html;charset=UTF-8″ />.
Pada HTML5, tag yang berdiri sendiri (void element) tidak harus ditutup seperti dalam XHTML. Penulisan tag <br> (break) dapat ditulis dengan <br>Walaupun tidak dianjurkan, sebuah tag pada HTML5 boleh ditulis tanpa tag awal atau tanpa tag akhir. Sebagai contoh, kita tidak perlu menutup tag <p> dengan tag </p>.
Penulisan tag dan atribut adalahcase-insensitive di dalam HTML5, sehingga tag <p> dan tag <P> akan dianggap sama. Hal ini berbeda dengan XHTML yang mengharuskan seluruh tag ditulis dalam huruf kecil.
Penulisan atribut tidak harus di dalam tanda kutip. Sebagai contoh:<p class=satu> adalah valid. Namun jika nilai atribut terdiri dari karakter spasi, maka tetap harus menggunakan tanda kutip, seperti:<p class=”satu dua tiga”>.
HTML5 mendukung multimediasecara langsung menggunakan tag<audio> dan <video>, sehingga kita tidak perlu tergantung kepada aplikasi pihak ke-3 seperti flash player.

Tujuan dari HTML5 adalah untuk meningkatkan bahasa dengan dukungan multimedia terkini sambil menjaga user friendly dan mudah dibaca oleh manusia dan secara konsisten dipahami oleh komputer dan perangkat seperti web browser parser, dll . HTML5 dimaksudkan untuk menggolongkan tidak hanya HTML4, tetapi juga XHTML 1 dan DOM level 2 HTML. HTML5 merupakan respon terhadap fakta bahwa HTML dan XHTML umum digunakan di WWW adalah campuran fitur diluncurkan oleh beberapa spesifikasi, bersama dengan orang-orang yang diluncurkan oleh produk perangkat lunak seperti web browser, yang didirikan oleh praktek umum.

HTML4	HTML5
Penulisan syntax DOCTYPE lebih panjang dan rumit	Cukup dengan <!DOCTYPE HTML>
Menggunakan Flash pada aplikasi audio dan video	Terdapat tag video, audio dan canvas
Penggunaan Browse Cache untuk penyimpanan sementara	Memiliki Data Storage untuk penyimpanan yang berkapasitas lebih besar
Kuno / masih menggunakan Browser yang out of date	Modern / telah memiliki support yang selalu UPDATE pada browsernya.
JavaScript browser memperlambat kinerja komputer	Dapat memperlancar tugas secara sekaligus.

HTML 5 hanya memiliki 1 versi, tidak seperti pendahulunya yang memiliki 3 versi (pada HTML 4 dan XHTML, anda akan menemukan versi strict, transitional, dan frameset). Contoh Html 5<!DOCTYPE html>

<html>
<head>
  <meta charset="utf-8" />
  <title>Tes Validasi HTML5</TITLE>
  <style>
    .penting {
      color:blue;
     }
  </style>
</head>
<BODY>
   <p CLASS=penting>Paragraf ini menggunakan atribut tanpa 
      menggunakan tanda kutip </p>
   <br>
   <p> Paragraf ini tidak memiliki penutup tag
</body>
</html>

Perbedaan HTML 4 dan HTML 5

Jumat, 11 November 2016

Perbedaan Html 4 dan 5

1 komentar:

Arsip Blog