PERBEDAAN ANTARA HTML4 DENGAN HTML5

1. Sederhana dan Clear Syntax

Sintaks di HTML5 sangat jelas dan sederhana dibandingkan dengan HTML4. Salah satu contoh dari
hal ini adalah elemen DOCTYPE. Di HTML4 deklarasi DOCTYPE terlalu berantakan dan panjang dan
digunakan untuk merujuk sumber eksternal. Namun di HTML5 DOCTYPE elemen telah dibuat sangat
sederhana. Misalnya hanya cukup untuk menentukan jenis dokumen. Seperti contoh di bawah.

2. Elemen Multimedia

HTML5 berisi dibangun untuk mendukung file multimedia terintegrasi ke dalam halaman web
melalui video dan audio tag. Sebelumnya, di HTML4, konten multimedia terintegrasi di halaman web
melalui plugin pihak ketiga seperti Silverlight dan flash.
3. Mengakses Pengguna lokasi geografis

Sebelumnya pada HTML4, itu adalah tugas yang sangat rumit untuk mendapatkan lokasi geografis
pengunjung mengunjungi situs. Itu bahkan sulit ketika website diakses melalui perangkat mobile. Di
sisi lain, di HTML5 begitu mudah dalam mendapatkan lokasi si pengguna. HTML5 JS Geolocation
dapat dimanfaatkan untuk mengidentifikasi lokasi pengguna mengakses website. Contoh dari script
Geo location HTML5

4. Penyimpanan Client

Pada HTML4, untuk menyimpan data penting pada sisi klien, cache browser yang digunakan. Namun,
cache yang terbatas dan tidak mendukung mekanisme penyimpanan relasional. Dalam HTML5,
masalah ini telah dibahas melalui Web SQL Database dan cache aplikasi yang dapat diakses melalui
antarmuka JavaScript HTML5.

5. Komunikasi Server dan Client

Di HTML4 komunikasi antara klien dan server dilakukan melalui streaming dan polling lama, karena
tidak ada web soket yang tersedia di HTML4. Sebaliknya, HTML5 mengandung soket web yang
memungkinkan komunikasi full duplex antara klien dan server.
6. Mekanisme JavaScript Threading

Di HTML4, JavaScript dan antarmuka browser dengan mana pengguna berinteraksi, berjalan di
thread yang sama yang mempengaruhi kinerja. HTML5 berisi API JS Web Worker yang
memungkinkan JavaScript dan Browser antarmuka untuk berjalan dalam thread terpisah.

7. Kompatibilitas Browser

Seperti disebutkan di atas, HTML4 adalah standar yang ditetapkan untuk mengembangkan aplikasi
peramban dan telah digunakan selama lebih dari 10 tahun. Untuk alasan ini, HTML4 kompatibel
dengan hampir semua web-browser. Di sisi lain, HTML5 masih dalam proses evolusi dan tag yang
tersedia saat ini sedang dimodifikasi dan juga tag baru yang ditambahkan. Oleh karena itu, HTML5
tertinggal HTML4 dalam hal kompatibilitas dengan browser.

8. Migrasi dari HTML4 Ke HTML5

Migrasi typical dari HTML4 Ke HTML5 sangatlah membantu dari yang tadinya sangat memrlukan
banyak type menjadi sangat simpel seperti contoh gambar di bawah.
9. Perubahan Encoding informasi dari HTML4 Ke HTML5

2.1 Perbedaan Tag HTML4 dan HTML5

Beberapa tag di HTML4 telah dihapus dari HTML5 atau fungsi mereka telah dimodifikasi. Berikut ini
adalah beberapa tag yang dihapus dari HTML5 atau memiliki fungsi yang berbeda dalam HTML5
dibandingkan dengan HTML4.

1. <Applet> dihapus <Object> Ditambahkan di HTML5

HTML4 mengandung <applet> tag yang digunakan untuk menampilkan applet dalam web browser.
Namun, dalam HTML5, tag applet ini telah dihapus. Dalam rangka untuk menampilkan jenis applet
item, tag baru telah diperkenalkan di HTML5.

2. <Akronim> dihapus <Abbr> Ditambahkan di HTML5

HTML4 mengandung <acronym> tag yang digunakan untuk menampilkan singkatan dalam browser
web. Namun, dalam HTML5, tag ini telah dihapus. Sebuah tag baru telah diperkenalkan di HTML5.
3. Selisih penggunaan <hr> tag

The <hr> tag digunakan untuk menarik garis di HTML4 dan semua versi sebelumnya dari HTML,
namun dalam HTML5, fungsi tag ini telah diubah dan digunakan untuk mendefinisikan istirahat
tematik di halaman web.

4. Perbedaan dalam penggunaan tag <a>

Di HTML4 dan versi sebelumnya, tag <a> digunakan sebagai jangkar serta untuk mengacu pada link.
Dalam HTML5, tag <a> hanya digunakan sebagai hyperlink. Tetapi jika tag href dihapus dari tag <a>,
tag <a> dapat digunakan sebagai tempat dudukan untuk hyperlink lainnya.

5. Atribut Skema dihapus dari tag <meta> di HTML5

Tag didefinisikan di bagian header dari dokumen HTML dan berisi informasi tentang data. Dalam
versi sebelumnya dari HTML, termasuk HTML4, tag ini digunakan untuk mengandung atribut yang
disebut skema yang didefinisikan skema dokumen. Namun, dalam HTML5, tag ini telah dihapus.

Ada hal tambahan yang tidak didukung lagi pada browser untuk teknologi
HTML 5. Yaitu tidak digunakannya lagi flash

Tambahan TAG pada HTML 5

1. <article>

tag untuk mendefenisikan artikel

2. <aside>

tag untuk mendefenisikan konten selain konten dari halaman

3. <bdi>

mengisolasi text dengan type text yang berbeda. contoh jika digunakan huruf arab
dalam huruf indonesia

4. <command>

tag seperti tombol input.

5. <details>

untuk mendefenisikan rincian tambahan. Rincian ini bisa ditampilkan atau

disembunyikan

6. <summary>

untuk mendefenisikan ringkasan dari tag details

7. <figure>

Menjadikan kelompok element didalam tag figure

8. <figcaption>

mendefenisikan caption untuk tag figure

9. <footer>

untuk mendefenisikan akhir dari sebuah bagian

10. <header>

tag untuk mendefenisikan sebuah awalan dokumen

11. <hgroup>

tag grub untuk mengeset mulai dari <h1> sampai <h6>

12. <mark>

tag yang digunakan untuk memberi tanda serta mendefenisikan teks

13. <meter>

tag untuk mendefenisikan ukuran skalar dalam kisaran alat ukur

14. <nav>

tag untuk membuat navigasi link

15. <progress>

tag yang digunakan untuk kemajuan tugas

16. <ruby>

tag untuk mendefenisikan suatu penjelasan teks ruby

17. <rt>

tag untuk mendefenisikan penjelasan / karakter (tifografi untuk asia timur)

18. <rp>

tag untuk mendefenisikan apa yang harus ditampilkan di browser yan tidak
mendukung bahasa ruby

19. <section>

tag untuk mendefenisikan bagian dalam dokumen

20. <time>

tag untuk mendefenisikan waktu

21. <wbr>

tag untuk mendefenisikan line break

22. <canvas>

tag yang digunakan untuk mengambar grafik

23. <audio>

tag untuk mendefenisikan suara

24. <video>

tag untuk mendefenisikan video

25. <source>

tag untuk mendefenisikan beberapa sumber daya multimedia untuk <video> dan
<audio>

26. <embed>

tag untuk mendefenisikan aplikasi eksternal atau konten interaktif

27. <track>

tag digunakan untuk mendefenisikan trek video dan audio

28. <datalist>
 tag untuk menampilkan pilihan untu kontrol input

29. <keygen>

tag untuk membangkitkan sebuah key

30. <output>

Tag untuk mendefenisikan hasil perhitungan

Tambahan attribut untuk TAG input:

1. color

tipe input untuk warna

2. date

tipe input untuk tanggal

3. datetime

tipe input untuk tanggal dan waktu

4. datetime-local

tipe input untuk tanggal dan waktu lokal

5. email

tipe input untuk email

6. month

tipe input untuk bulan

7. number

tipe input untuk angka

8. range

tipe input untuk jangkauan

 9. search

tipe input untuk pencarian

10. tel

tipe input untuk nomor telepon

11. time

tipe input dari waktu

12. url

tipe input untuk url/link

13. week

tipe input untuk hari minggu

TAG HTML 4 yang tidak digunakan lagi pada HTML 5 / yang dihapus:

1. <acronym>
2. <applet>
3. <basefont>
4. <big>
5. <center>
6. <dir>
7. <font>
8. <frame>
9. <frameset>
10. <noframes>
11. <strike>
12. <tt>