1. Fitur HTML5 Baru Utama
1. Pemutaran audio dan video lokal;
2. Animasi;
3. Informasi geografis;
4. Akselerasi perangkat keras;
5. Jalankan secara lokal (bahkan setelah koneksi internet terganggu);
6. Penyimpanan Lokal;
7. Seret dan jatuhkan file dari desktop untuk mengunggahnya ke browser;
8. Penanda Semantik;
2. Status aplikasi HTML5 saat ini
Saat ini, browser utama memiliki dukungan berbeda untuk HTML5. Kami berharap mereka menjadi konsisten dalam satu atau dua tahun. Anda mungkin berpikir bahwa, karena ini masalahnya, mungkin hanya sedikit orang yang menggunakan standar masa depan ini sekarang. Ini bukan masalahnya. HTML5 telah banyak digunakan sekarang. Seperti yang dikatakan William Gibson, web masa depan telah tiba, tetapi belum diadopsi secara luas.
Anda mungkin tidak tahu bahwa beranda Google juga menggunakan HTML5, tetapi saat ini, mereka hanya menggunakan HTML5 Doctype, dan sisa halaman ini masih kode lama, tetapi Google telah banyak mengadopsi HTML5 dalam berbagai aplikasi mereka. Contoh paling khas adalah Gmail. HTML5 Offline Storage memungkinkan pengguna untuk menggunakan Gmail bahkan saat offline. Selain itu, Google Documents juga menggunakan penyimpanan offline. Aplikasi serupa dari produsen lain yang juga menggunakan penyimpanan offline termasuk Zoho's Office Suite dan platform blog WordPress. Jika Anda tertarik dengan penyimpanan offline HTML5, Anda dapat melihat artikel Mark Pilgrim's How to menambahkan dukungan offline ke aplikasi Anda.
3. Pembaca dokumen berbasis HTML5 Scribd
Gambar di atas adalah pembaca dokumen baru Scribd, semuanya berdasarkan standar web dan tidak menggunakan flash
Selain video, HTML5 dapat menggantikan flash dalam banyak aspek. Situs berbagi dokumen Scribd baru -baru ini mengumumkan bahwa mereka akan menggunakan HTML5 untuk menggantikan Flash untuk mengimplementasikan pembaca dokumen. Scribd adalah contoh terbaik dari fitur luar biasa yang dapat dicapai HTML5 dalam kombinasi dengan CSS. Mereka juga menggunakan @font-face untuk mengimplementasikan font yang dipersonalisasi. Selain itu, efek transformasi saat membalik halaman juga sepenuhnya didasarkan pada CSS3. Kombinasi alat web standar ini memungkinkan Scribd untuk mencapai HTML over-the-top dari flash ke html murni, tanpa mengorbankan fungsi dokumen dalam struktur, font, gambar tertanam, lapisan, dll. Pembaca dokumen terbaru Scribd bahkan mendukung IE6, berikut adalah contoh yang menggunakan HTML murni untuk mengeluarkan formulas kompleks.
4. Video HTML5 Canvas dan HTML5
Penyerbangan Game Klasik Berdasarkan Objek Kanvas HTML5
Meskipun aplikasi kanvas Scribd luar biasa, kami dapat menemukan lebih banyak situs seperti itu. Demo kanvas memiliki berbagai aplikasi tentang kanvas, dari berbagai game online hingga aplikasi pelangi yang mengekstrak warna dari halaman web.
Contoh paling khas tentang video adalah YouTube dan Vimeo, yang keduanya menyediakan versi HTML5.
5. Posisi Informasi Geografis HTML5
Klik pada lingkaran di atas penjahat kuning di peta untuk memberi tahu Google Maps Lokasi Geografis Anda
Fitur lain dari HTML5 adalah fungsi geolokasi. Beberapa browser menyediakan API geolokasi, yang juga dikelola oleh W3C dan dapat menggabungkan HTML5 untuk mencapai lokasi geolokasi Anda saat ini. Google Maps Menggunakan fitur ini, ada lingkaran kecil di Google Maps. Cukup klik untuk memberi tahu Google Maps di mana Anda berada sekarang. Saat ini, API Geolokasi tidak diadopsi secara luas oleh banyak browser desktop (hanya Chrome dan Firefox 3.6+), tetapi plugin Google Gears dapat membantu browser yang lebih lama menerapkan fitur ini.
Twitter menggunakan ini untuk mewujudkan pesan tweet yang sadar informasi geografis. Ketika browser mendukung API geolokasi, ia akan secara otomatis menggunakan API. Kalau tidak, Google Gears akan digunakan.
6. Lebih banyak makna html5
HTML5 memiliki lebih banyak arti daripada yang di atas. Signifikansi terbesarnya terletak pada mengubah struktur dokumen web. Dengan bantuan header, footer, bagian, artikel, dll., Kami dapat menerapkan dokumen web yang lebih terstruktur dan semantik. Dengan cara ini, mesin pencari dapat dengan mudah mengindeks situs web, dan kami juga dapat mencari informasi yang lebih cepat dan lebih akurat.
Ada banyak situs yang menggunakan tag HTML5 baru, dan Anda dapat menemukan sejumlah besar situs tersebut di HTML5Gallery. Jika Anda ingin menggunakan struktur HTML5 baru sekarang, Anda mungkin juga melihat tutorial HTML5 ini.
Selain itu, dengan bantuan mikrodata, HTML5 juga dapat menerapkan struktur semantik yang lebih kuat. Format data terstandarisasi ini (mirip dengan mikroformat) memungkinkan situs Anda tidak hanya menyediakan data, tetapi juga memberikan definisi data. Microdata sangat penting untuk browser dan mesin pencari. Mesin pencari dapat menggunakan microdata untuk menemukan teman di jaringan Anda, dan browser dapat terhubung ke situs teman jejaring sosial Anda. Anda dapat mengalami ini di alat pengujian cuplikan kaya Google.