Mengenal HTML 5 Dan Perbedaan Utama HTML VS HTML5

Pengertian HTML 5

HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web,sebuah teknologi inti dari internet.HTML5 adalah revisi kelima dari hHTML,yang pertama kali diciptakan pada tahun 1990 dan versi HTML 4 pada tahun 1997 dan hingga bulan Juni 2011 masih dalam pengembangan.Tujuan utama pengembangan HTML 5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru,mudah dibaca oleh manusia dan mudah dimengerti oleh mesin.HTML5 merupakan salah satu karya Konsortium World Wide Web (World Wide Web Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah dan diimplementasikan secara berbeda oleh banyak perangkat lunak pembuat web.

Tujuan desain dari HTML5 adalah untuk mendukung multimedia yang ada di smartphone.Terdapat fitur sintaksis terbaru yang dihadirkan untuk mendukung tag video,kanvas dan juga audio.

Selain itu, HTML5 memperkenalkan fitur-fitur lain yang membantu mengubah cara pengguna dalam berinteraksi dengan dokumen termasuk di antaranya :

• Atribut baru.
• Terdapat aturan penguraian baru yang akan meningkatkan fleksibilitas.
• Terdapat pengeditan offline.
• Fitur penghapusan atribut yang sudah ketinggalan zaman.
• Penyempurnaan perpesanan.
• Terdapat aturan terperinci untuk penguraian.
• Terdapat fungsi drag and drop yang tidak Anda temukan di versi sebelumnya.
• Menyediakan pendaftaran MME dan juga penanganan protokol.
• Memiliki standar umum yang digunakan untuk menyimpan data di dalam database SQL atau Web SQL.

Sejarah HTML 5

Kelompok Kerja Aplikasi Hyperteks ( Web Hypertext Application Technology Working Group,WHATWG) membuat standar baru ini pada tahun 2004 ketika Konsortium W3C sedang fokus pada pengembangan XHTML 2.0 pada masa depan,sementara HTML 4.01 belum pernah diperbarui sejak tahun 2000. Sejak tahun 2009,W3C dan WHATWG bekerja sama dalam pengembangan HTML5 setelah W3C mengakhiri Kelompok Kerja Pengembangan XHTML 2.0.Meski HTML5 telah dikenal luas oleh para pengembang web,HTML5 baru populer pada bulan April 2010 setelah CEO Apple Inc,Steve Jobs,mengatakan bahwa dengan pengembangan HTML5,Adobe Flash sudah tidak dibutuhkan lagi untuk menyaksikan video atau menyaksikan konten apapun di web.

Apa Perbedaan Utama HTML VS HTML5 ?

HTML5 dirilis untuk tujuan utama meningkatkan pengalaman World Wide Web untuk pengembang dan pengguna akhir.Jika kita bandingkan HTML vs HTML5 ini,kita akan menemukan beberapa perbedaan utama yang mereka miliki seperti :

• HTML5 mendukung SVG (Scalable Vector Graphics), kanvas, dan grafik vektor virtual lainnya, sedangkan dalam HTML, menggunakan grafik vektor hanya mungkin dengan menggunakannya bersama dengan teknologi yang berbeda seperti Flash, VML (Vector Markup Language), atau Silverlight.
• Database SQL Web digunakan dalam HTML5 untuk menyimpan data sementara.Sementara dalam versi HTML sebelumnya, hanya cache browser yang dapat digunakan untuk tujuan ini.
• Dengan HTML5, JavaScript dapat dijalankan dalam browser web, sedangkan HTML yang lebih lama hanya memungkinkan JavaScript untuk berjalan di utas antarmuka browser.
• HTML5 tidak didasarkan pada SGML. Ini berarti bahwa Bahasa ini telah meningkatkan aturan parsing yang memberikan peningkatan kompatibilitas.
• Dapat menggunakan inline MathML dan SVG dalam teks dengan HTML5, sedangkan HTML versi sebelumnya membatasi hal itu.
• Beberapa elemen dihapus dalam HTML5, seperti isindex, noframes, akronim, applet, basefont, dir, font, frame, frameset, big, center, strike, dan tt.
• HTML5 mendukung jenis kontrol formulir baru, termasuk tanggal dan waktu, email, nomor, jangkauan, tel, url, pencarian, dll.
• Ada beberapa elemen baru di HTML5. Beberapa yang paling penting adalah ringkasan, waktu, bagian side, audio, perintah, data, datalist, dan sebagainya.

Keuntungan Utama Yang Disediakan HTML5 Untuk Pengembang

• Penanganan Kesalahan Persisten

Sebagian besar browser memiliki dukungan untuk mengurai kode HTML yang salah secara struktural atau sintaksis.Namun,hingga beberapa tahun lalu,tidak ada proses standar untuk menangani hal ini,berarti pengembang peramban harus melakukan pengujian dokumen HTML yang sudah dibuatnya ke dalam browser yang berbeda untuk mengetahui kesalahan yang terjadi sehingga bisa menerapkan solusi yang tepat dalam proses perbaikannya.Penanganan kesalahan yang konsisten dalam HTML5 telah membuat perbedaan besar dalam hal ini.Algoritma penguraian yang ditingkatkan yang digunakan dalam HTML5 memiliki manfaat yang tidak terelakkan dalam menghemat banyak uang dan banyak waktu karena pengembang tidak perlu khawatir akan perbedaan tampilan yang timbul di berbagai browser.

• Semantik yang Diperbaiki untuk Elemen

Perbaikan telah dilakukan pada peran semantik dalam berbagai elemen yang ada dalam HTML untuk meningkatkan insinuasi kode.Bagian, artikel,nav dan header adalah elemen baru yang menggantikan sebagian besar elemen div yang sekarang sudah usang.Hal ini membuat proses pemindaian kesalahan rumit menjadi jauh lebih mudah.

• Peningkatan dukungan terhadap fitur aplikasi web

Salah satu tujuan HTML5 adalah memungkinkan browser web berfungsi sebagai platform aplikasi,dengan demikian,memberikan pengembang kontrol yang lebih baik dalam meningkatkan kinerja situs web mereka.Di masa lalu,pengembang harus menggunakan solusi lain karena banyak teknologi sisi server dan ekstensi browser yang tidak ada atau tidak didukung.Saat ini, kita tidak perlu menggunakan solusi berbasis JavaScript atau Flash (seperti yang dilakukan sebelumnya dalam HTML4) karena ada elemen dalam HTML5 yang menyediakan semua fungsi tersebut.

• Mempermudah pengembang dalam membuat web seluler (responsive)

Demografi pemilik ponsel pintar terus meningkat selama dekade terakhir dan hal itu menciptakan kebutuhan akan standar HTML yang lebih baik.Pengguna akhir ingin dapat mengakses sumber daya web kapan saja melalui perangkat apa pun.Dengan kata lain,memiliki situs web adalah persyaratan.Untungnya,HTML5 telah membuat dukungan seluler jauh lebih sederhana dengan mampu memenuhi perangkat elektronik berdaya rendah seperti tablet dan smartphone.

• Elemen kanvas

Salah satu fitur menarik dari HTML5 adalah elemen <canvas> yang memungkinkan menggambar berbagai komponen grafis,seperti kotak,lingkaran,teks dan gambar.Mengingat mudahnya penggunaan HTML5 untuk menggambar grafik dengan menggunakan berbagai warna dan bentuk melalui skrip (mis., JavaScript), diyakini bahwa bahasa ini akan membuat Flash menjadi teknologi yang benar-benar usang.Namun, perlu disebutkan bahwa elemen <canvas> hanyalah sebuah wadah grafik. Jadi, untuk mendefinisikan grafik, skrip lainnya juga harus dijalankan.

• Elemen menu

Elemen <menu> dan <menuitem> yang baru ditambahkan adalah konstituen dari spesifikasi elemen interaktif.Kedua item ini dapat digunakan untuk memastikan peningkatan interaktivitas web. Tag <menu> digunakan untuk mewakili perintah menu di aplikasi seluler dan desktop untuk tujuan kesederhanaan. Salah satu kemungkinan penggunaan tag menu adalah :

<body contextmenu=”new-menu”>

<menu id=” new-menu” type=”context”>

<menuitem>Hello!</menuitem>

</menu>

</body>

• Atribut data dapat disesuaikan

Menambahkan atribut khusus ke versi HTML yang lama,tetapi itu berisiko.Misalnya,atribut khusus terkadang menghentikan halaman agar tidak merender sepenuhnya dalam HTML4 dan menyebabkan dokumen salah atau tidak valid.Untungnya, atribut data-* dalam HTML5 telah mengakhiri masalah yang sering terjadi ini.Ada beberapa kegunaan untuk atribut ini,seperti menata elemen CSS atau mengakses atribut data elemen melalui jQuery.Namun,tujuan utamanya adalah untuk menyimpan informasi tambahan tentang berbagai elemen.Sekarang,data khusus dapat dimasukkan,memberi pengembang kesempatan untuk membuat halaman web yang menarik dan efisien tanpa harus memperkenalkan pencarian sisi server yang rumit atau panggilan Ajax.

• Penyimpanan web untuk mengganti cookie

HTML5 menggunakan penyimpanan web atau penyimpanan lokal untuk mengganti cookie.Dalam versi HTML yang lama,jika pengembang ingin menyimpan sesuatu,mereka harus menggunakan cookie yang menyimpan sejumlah kecil data (sekitar 4 kb).Namun, cookie memiliki beberapa kelemahan : cookie dapat kedaluwarsa,membatasi penggunaan data yang kompleks (hanya mengizinkan string) dan memperlambat server web dengan membawa skrip tambahan ke server.Penyimpanan web,di sisi lain,memungkinkan data disimpan di komputer klien secara permanen (kecuali jika pengguna menghapusnya) dan juga memiliki penyimpanan data yang lebih besar (5 MB) dan tidak memberikan beban tambahan dengan meminta server.