Harapan pengembang web terhadap HTML5 semakin kuat. Sebagai protokol markup yang berpusat pada dokumen, HTML semakin tidak mampu memenuhi kebutuhan aplikasi Web modern. Terlebih lagi, protokol ini belum diperbarui selama lebih dari 10 tahun. HTML5 bertujuan untuk memecahkan masalah seperti interaksi, media, dan operasi lokal di Web. Beberapa browser telah mencoba mendukung beberapa fitur HTML5, dan pengembang diharapkan akhirnya mendapatkan bantuan dari plugin Web tersebut.
Namun, perlu dicatat bahwa meskipun beberapa produsen teknologi Web kelas berat, seperti Apple, Google, Mozilla Foundation, Vimeo, dan YouTube, sudah mulai mendukung standar baru ini, W3C menyatakan bahwa jalan yang harus ditempuh masih panjang sebelum HTML5 , dan beberapa detailnya Masih ada kontroversi. Perlu waktu lama sebelum Web arus utama beralih ke HTML5, dan pengembang harus menghadapi dilema tentang bagaimana menggunakan teknologi saat ini untuk merancang aplikasi Web yang kaya sambil mempersiapkan masa depan Dipersiapkan.
HTML modern untuk Web Kaya
Tidak ada kecocokan yang baik antara aplikasi Web yang kaya dan HTML. Tim Berners-Lee, bapak Web, memandang HTML dengan cara ini. Ini adalah bahasa markup yang digunakan untuk membuat dokumen hypertext yang tidak bergantung pada platform mengubah halaman web menjadi dianggap sebagai dokumentasi.
Hal ini membuat kesal para pengembang yang menganggap Web sebagai platform aplikasi. Pada tahun 2004, Apple, Mozilla Foundation, dan Opera membentuk Kelompok Kerja Teknologi Aplikasi Hypertext (WHATWG), berupaya untuk menciptakan organisasi standar selain W3C untuk menciptakan lebih banyak Web bagi pengguna. aplikasi.
Pada tahun 2007, XHTML2 mereka terperosok dalam perselisihan yang tiada akhir. Kemudian, W3C memilih untuk menyerap karya WHATWG dan menjadikannya standar untuk HTML5. berorientasi Web. , katanya, sekarang tampaknya upaya yang kami lakukan terhadap XML tidak efektif.
Ini tidak berarti bahwa sintaks XML murni sudah mati. Meskipun arah pengembangan HTML telah berubah, XHTML5 juga sedang dalam proses bersamaan dengan HTML5. Perbedaannya adalah XHTML akan cocok untuk mereka yang sudah mengonversi ke XML. dan bagi orang awam Developer belum tentu menggunakan XHTML.
HTML5: Perubahan tag
HTML5 menyerap beberapa saran dari XHTML 2, termasuk beberapa fitur untuk memperbaiki struktur dokumen. Misalnya, penggunaan tag HTML baru header, footer, dialog, side, fugure, dll. akan memungkinkan pembuat konten membuat dokumen secara lebih semantik selalu gunakan div dalam situasi ini.
HTML5 juga menyertakan beberapa upaya untuk memisahkan konten dan presentasi. Pengembang mungkin terkejut karena tag b dan i masih ada, namun maknanya berbeda dari sebelumnya. Arti dari tag ini hanya untuk mengidentifikasi sepotong teks dalam huruf tebal atau miring. Tag u, font, center, dan strike telah dihapus seluruhnya.
Standar baru ini menerapkan beberapa objek masukan formulir baru, termasuk tanggal, URL, dan alamat email, sementara standar lainnya menambahkan dukungan untuk karakter non-Latin. HTML5 juga memperkenalkan mikrodata, sebuah metode anotasi konten dengan tag yang dapat dibaca mesin, membuat pemrosesan Web Semantik menjadi lebih sederhana. Secara keseluruhan, peningkatan terkait struktur ini memungkinkan pembuat konten membuat halaman web yang lebih bersih, lebih mudah dikelola, dan lebih ramah terhadap mesin pencari, perangkat lunak pembaca layar, dan banyak lagi.
Aktifkan web kaya berbasis standar
Namun, hal yang paling menarik tentang HTML5 adalah API baru yang memungkinkan pengembang untuk mengimplementasikan aplikasi yang kaya, seperti grafik, animasi, dan multimedia. Sebelum HTML5, implementasi fungsi-fungsi ini memerlukan plug-in seperti Flash, RealMdeia, dan QuikTime. Teknologi plug-in ini tidak hanya mudah menimbulkan risiko keamanan, namun audiensnya juga terbatas.
HTML5 memecahkan masalah ini dengan menggunakan bahasa markup yang sesuai. Pembuat konten dapat menggunakan bahasa seperti MathML dan SVG untuk membuat rumus matematika dan grafik. Bahasa ini lebih mudah digunakan di seluruh platform dibandingkan format seperti Flash dan Silverlight.
Pengembang web juga akan mendukung tag audio dan ideo HTML5. Tag ini memungkinkan halaman Web untuk dengan mudah menyematkan media. Standar pengkodean mereka netral, yang berarti bahwa produsen browser dapat menggunakan pengkodean apa pun yang mereka inginkan untuk menghasilkan media, dan itu adalah tag video juga akan menguntungkan browser seluler yang tidak mendukung Flash.
Tag Canvs akan membawa grafik Web interaktif ke tingkat yang lebih tinggi. Pengembang dapat menggunakan JavaScript untuk mengoperasikan objek di kanvas guna mencapai operasi grafik interaktif waktu nyata dan bahkan permainan interaktif. Selain perubahan yang terlihat, HTML5 juga memperkenalkan cache program berbasis browser, yang menyimpan data aplikasi secara lokal (seperti plugin Google Gears sebelumnya). Hal ini tidak hanya dapat mempercepat jalannya program Web, tetapi juga mengaktifkan beberapa program untuk berjalan secara offline masih dapat digunakan. Faktanya, Google kini perlahan-lahan menghapus dukungan untuk Gears dan beralih sepenuhnya ke HTML5.
Plug-in browser: Belum mati
Meskipun HTML5 telah memperkenalkan begitu banyak fitur baru, jangan berharap plugin tersebut akan hilang dalam semalam. HTML5 murni akan membutuhkan waktu lama untuk mewujudkan semua fungsi dunia plugin saat ini, apalagi sistem lama yang memerlukannya. untuk terus didukung. Misalnya, meskipun Vimeo dan YouTube sudah mulai menggunakan tag video untuk menghasilkan video, segalanya tidak sesederhana itu W3C belum menentukan skema pengkodean mana yang akan digunakan, yang berarti bahwa video tersebut tidak dijamin untuk ditonton di perangkat apa pun. Misalnya, Apple, Google dan Microsoft semuanya mempromosikan pengkodean H.264, tetapi Firefox open source tidak bersedia karena masalah lisensi.
Selain itu, tidak semua sistem lama akan ditulis ulang dalam HTML5. Misalnya, meskipun Google sendiri tidak lagi optimis dengan Google Gears dan terutama mempromosikan HTML5, Gooel mengakui bahwa HTML5 tidak dapat mewujudkan semua fungsi Google Gears dan mengonversi aplikasi berbasis Google Gears. menjadi HTML5 Murni tidak mungkin diimplementasikan secara sederhana.
Terakhir, berbagai browser juga akan menghalangi pengembang Web untuk beralih ke HTML5. IE6, versi lama Firefox, Opera, dan Safari tidak mendukung HTML5. Oleh karena itu, kecuali sebagian besar browser orang ditingkatkan ke versi terbaru, jika tidak, , Pengembangan yang berorientasi pada HTML5 masih akan menghadapi berbagai kesulitan.
pengadopsi awal
Meskipun Microsoft telah menyatakan bahwa IE9 akan mendukung HTML5, mereka juga berhati-hati mengenai hal ini. Microsoft percaya bahwa saat ini, ketika standar HTML5 belum ditetapkan, tidak tepat untuk mengatakan bahwa browsernya mendukung sebagian besar fungsi HTML5. Faktanya, tidak ada organisasi yang lebih sadar akan kemajuan HTML5 selain W3C. W3C percaya bahwa standar HTML5 masih belum matang, dan pembentukan fungsi-fungsinya tidak akan selesai hingga tahun 2011. Meski begitu, dibutuhkan waktu hingga tahun 2011 untuk menyelesaikannya. menetapkan hal-hal ini sebagai standar pada tahun 2022, artinya, diperlukan waktu sekitar 15 tahun dari XHTML1.1 ke HTML5.
Bagaimanapun, HTML5 akan menjadi teknologi paling mutakhir dalam 5 hingga 10 tahun ke depan. Mereka yang mengadopsinya sejak dini dapat menemukan banyak situs pengalaman di Internet. Saat ini, browser terbaik untuk merasakan HTML5 adalah yang berbasis mesin Webkit, seperti Chrome, Safari, dan Firefox tidak terlalu lancar. Pengembang web dapat menggunakan draf HTML5 saat ini untuk membuat situs eksperimental. Tentu saja, masih ada beberapa masalah dengan sistem distribusi browser saat ini. Sumber daya pengembangan HTML5 online terbaik adalah Penyelaman ke dalam HTML5 yang sangat baik dari Mark Pilgrim.
Situs pengalaman HTML5
Mozilla Bespin | Editor pemrogram dalam browser yang ditulis menggunakan teknologi HTML |
Youtube | Pemutar HTML5 YouTube menawarkan dukungan HTML5 eksperimental |
Vimeo | Film Vimeo menawarkan tautan di bagian bawah untuk beralih ke pemutar HTML5 (Chrome, Safari, IE+Chrome Frame) |
Gabungkan Desain | Demo geolokasi HTML5 |
Catatan Tempel | Demonstrasi penyimpanan sisi klien HTML5 |
Wolfenstein 3D | Demo menggunakan tag kanvas (dengan petunjuknya) -- berfungsi di Firefox 3.6 |
Papan Suara ClouserW | Papan suara HTML5 memamerkan kemampuan multimedia |
Google Gelombang | Google Wave mengandalkan HTML5 untuk beberapa fiturnya |
GratisCiv | Sebuah permainan yang diimplementasikan dalam HTML5 |