Ada banyak perbedaan antara HTML dan HTML5 yang dibahas di bawah ini:
Table Perbedaan HTML dan HTML5
| HTML | HTML 5 |
|---|---|
| tidak mendukung audio dan video tanpa menggunakan dukungan flash player | mendukung kontrol audio dan video dengan menggunakan tag |
| menggunakan cookie untuk menyimpan data sementara | Menggunakan database SQL dan cache aplikasi untuk menyimpan data offline. |
| Tidak mengizinkan JavaScript berjalan di browser. | Mengizinkan JavaScript berjalan di latar belakang. Ini dimungkinkan karena API Web JS di HTML5. |
| Grafik vektor dimungkinkan dalam HTML dengan bantuan berbagai teknologi seperti VML, Silver-light, Flash, dll. | Grafik vektor juga merupakan bagian integral dari HTML5 seperti SVG dan kanvas. |
| Tidak mengijinkan efek drag and drop | Mengijinkan efek drag and drop |
| Tidak memungkinakan untuk menggambar bentuk seperti segitiga, lingkaran, persegi dan lain sebagianya | Memungkinakan untuk menggambar bentuk seperti segitiga, lingkaran, persegi dan lain sebagainya |
| Bekerja pada browser yang relatif sudah kuno (lama) | Bekerja pada semua browser baru sepserti Firefox, Chrome ,Safari dan lainnya |
| HTML versi lama kurang bersahabat dengan tampilan mobile | HMLT 5 lebih ramah terhadap mobile |
| Element nav, header, footer tidak ada | Element baru untuk struktur web seperti nav , header, footer dll |
| Pengkodean karakter panjang dan rumit | Pengkodean kareakter simple dan lebih muda |
| Tidak dapat menghandle sintaks yang tidak akurat | Berkemampuan menghandle sintak yang tidak akurat |
| Atribut seperti charset, async, dan ping tidak ada dalam HTML. | Atribut charset, async, dan ping adalah bagian dari HTML 5. |
Terdapat banyak elemen HTML yang telah diganti maupun dihapus oleh HTML5. Seperti tabel dibawah ini
| ELEMENT HTML | HTML 5 |
|---|---|
| <applet> | diganti <object> |
| <acronym> | diganti <abbr> |
| <dir> | diganti <ul> |
| <frameset> | dihapus |
| <frame> | dihapus |
| <no frame> | dihapus |
| <strikes> | tidak ada tag baru. Dialihkan ke CSS |
| <big> | tidak ada tag baru. Dialihkan ke CSS |
| <basefont> | tidak ada tag baru. Dialihkan ke CSS |
| <font> | tidak ada tag baru. Dialihkan ke CSS |
| <center> | tidak ada tag baru. Dialihkan ke CSS |
| <tt> | tidak ada tag baru. Dialihkan ke CSS |
Terdapat banyak elemen baru dalam HTML5 seperti nav, audio, figcaption, progress, command, time, datalist, video, figure, meter, data, section, time, aside, canvas, summary, rp, rt, header, footer, keygen, embed, article, hgroup, bdi, mark, output, source, track, section, ruby and masih banyak lagi.
Nah itu dia artikel mengenai Pebedaan HTML dan HTML5, semoga teman-teman bisa pahami dengan jelas ya, semoga bermanfaat
