HTML5

Apakah HTML5?

HTML5 ialah standard HTML generasi akan datang.

HTML5 ialah versi terbaharu HTML yang telah disiapkan oleh World Wide Web Consortium (W3C) pada Oktober 2014.

Bagaimanakah HTML5 bermula?

HTML5 adalah hasil kerjasama antara W3C dan WHATWG, yang merujuk kepada Kumpulan Kerja Teknologi Aplikasi Hiperteks Web. .

WHATWG berfungsi pada borang dan aplikasi web, manakala W3C memfokuskan pada XHTML 2.0. Pada tahun 2006, kedua-dua pihak memutuskan untuk bekerjasama untuk mencipta versi baharu HTML.

Beberapa ciri baharu yang menarik dalam HTML5:

elemen kanvas untuk lukisan

elemen video dan audio untuk main balik media

asli Sokongan yang lebih baik untuk storan luar talian

Elemen kandungan khas baharu, seperti artikel, pengaki, pengepala, navigasi, bahagian

Kawalan borang baharu, seperti kalendar, tarikh, masa, e-mel, url , carian

Ciri HTML5

Ciri Semantik (Kelas: Semantik)
HTML5 memberikan halaman web makna dan struktur yang lebih baik. Teg yang lebih kaya akan datang dengan sokongan untuk RDFa, mikrodata dan mikroformat, membina Web dipacu data yang lebih berharga kepada kedua-dua program dan pengguna.
Ciri storan setempat (Kelas: LUAR TALIAN & PENYIMPANAN)
Apl Web yang dibangunkan berdasarkan HTML5 mempunyai masa permulaan yang lebih singkat dan kelajuan rangkaian yang lebih pantas, semuanya berkat Cache APP HTML5 dan fungsi storan setempat. DB diindeks (salah satu teknologi terpenting untuk storan tempatan html5) dan dokumentasi API.
Ciri Keserasian Peranti (Kelas: AKSES PERANTI)
Sejak dokumentasi API fungsi Geolokasi didedahkan kepada umum, HTML5 telah menyediakan pembangun aplikasi web dengan lebih banyak pilihan pengoptimuman berfungsi, membawakan Lebih banyak ciri pengalaman. HTML5 menyediakan antara muka terbuka yang tidak pernah berlaku sebelum ini untuk data dan akses aplikasi. Membenarkan aplikasi luaran disambungkan terus ke data dalam penyemak imbas, contohnya, video dan audio boleh disambungkan terus ke mikrofon dan kamera.
Ciri Sambungan (Kelas: CONNECTIVITY)
Kecekapan sambungan yang lebih berkesan membolehkan sembang masa nyata berasaskan halaman, pengalaman permainan web yang lebih pantas dan komunikasi dalam talian yang lebih optimum. HTML5 mempunyai teknologi tolak pelayan yang lebih berkesan dan WebSockets adalah dua daripada ciri ini boleh membantu kami merealisasikan fungsi pelayan "menolak" data kepada pelanggan.
Ciri multimedia web (Kelas: MULTIMEDIA)
Menyokong audio, video dan fungsi multimedia lain pada halaman web, melengkapkan APPS, kamera dan fungsi audio dan video tapak web itu sendiri.
Ciri tiga dimensi, grafik dan kesan khas (Kelas: 3D, Grafik & Kesan)
Berdasarkan fungsi 3D SVG, Kanvas, WebGL dan CSS3, pengguna akan kagum dengan 3D fungsi yang dibentangkan dalam pelayar Kesan visual yang menakjubkan.
Ciri Prestasi & Penyepaduan (Kelas: Prestasi & Penyepaduan)
Tiada pengguna akan menunggu selama-lamanya untuk Pemuatan anda - HTML5 akan membantu aplikasi web dan tapak web anda berjalan lebih pantas dalam pelbagai persekitaran melalui teknologi seperti XMLHttpRequest2 Work.
Ciri CSS3 (Kelas: CSS3)
CSS3 menyediakan lebih banyak gaya dan kesan yang lebih kuat tanpa mengorbankan prestasi dan struktur semantik. Selain itu, Format Font Terbuka Web (WOFF) juga menyediakan fleksibiliti dan kawalan yang lebih besar daripada tipografi Web sebelumnya.
Edit perenggan ini Pada masa ini, hanya terdapat dua cara untuk membangunkan aplikasi HTML5 pada peranti mudah alih, sama ada menggunakan semua sintaks HTML5 atau hanya menggunakan enjin javascript.
Kaedah pembinaan enjin javascript membolehkan anda membuat permainan web mudah alih. Memandangkan lapisan antara muka adalah sangat kompleks, kit alat UI telah dikhaskan untuk digunakan.
Aplikasi mudah alih HTML5 tulen berjalan perlahan dan penuh dengan ralat, tetapi hasilnya akan bertambah baik selepas pengoptimuman. Walaupun tidak ramai yang sanggup melakukan pengoptimuman sedemikian, anda masih boleh mencubanya.
Kelebihan terbesar aplikasi mudah alih HTML5 ialah ia boleh dinyahpepijat dan diubah suai terus pada halaman web. Pembangun aplikasi asli mungkin perlu menghabiskan banyak usaha untuk mencapai kesan HTML5, dan sentiasa mengulangi pengekodan, nyahpepijat dan berjalan Ini adalah masalah yang mesti diselesaikan terlebih dahulu.
Pengalihan HTML5 adalah sangat mudah, tetapi diandaikan bahawa semua orang akan menjadikan ini sebagai operasi automatik.

HTML5 <!DOCTYPE>

<!doctype> Pengisytiharan mesti terletak pada baris pertama dalam dokumen HTML5 untuk digunakan:

Peningkatan HTML5

Elemen baharu

Atribut baharu

Sokongan penuh untuk CSS3

Video dan Audio

Grafik 2D/3D

Storan tempatan

Data SQL tempatan

Aplikasi web

Multimedia HTML5

Menggunakan HTML5 anda boleh dengan mudah mainkan video pada halaman web (video) dan audio (audio).

HTML5 <video>

HTML5 <audio>

Aplikasi HTML5

Menggunakan HTML5 anda boleh Bangunkan aplikasi secara setempat

Storan data setempat

Akses fail setempat

Data SQL setempat

Rujukan cache

Pekerja Javascript

XHTMLHttpRequest 2

Grafik HTML5

Menggunakan HTML5, anda hanya boleh melukis grafik:

Gunakan elemen <kanvas>

Gunakan SVG sebaris.

Gunakan transformasi 2D CSS3, transformasi 3D CSS3.

HTML5 menggunakan CSS3

Pemilih baharu

Atribut baharu

Animasi

Penukaran 2D/3D

Sudut bulat

Kesan bayangan

Fon boleh dimuat turun

Untuk lebih banyak pengetahuan CSS3, sila lihat tutorial CSS3 di tapak ini.

Sokongan Penyemak Imbas HTML5

Versi Safari, Chrome, Firefox dan Opera terkini menyokong ciri HTML5 tertentu. Internet Explorer 9 akan menyokong ciri HTML5 tertentu.

Kebaikan dan keburukan HTML5

Kelebihan HTML5

1. Meningkatkan kebolehgunaan dan penambahbaikan Pengalaman mesra pengguna;

2. Teg baharu akan membantu pembangun mentakrifkan kandungan penting; 3. Boleh membawa lebih banyak elemen multimedia (video dan audio) ke tapak ; 4. Ia boleh menjadi alternatif yang baik untuk FLASH dan Silverlight; dan permainan.

Kelemahan HTML5

1. HTML5 sendiri masih dalam pembangunan. Ia bukanlah keperluan yang paling mendesak untuk aplikasi pengguna, tetapi lebih kepada percubaan oleh pengeluar perlu mengubah landskap ekologi perisian.

2. Keserasian HTML5 dihadkan oleh prestasi pelayar utama Contohnya, terdapat banyak perbezaan antara IE dan Fireforx Microsoft. 3. HTML5 memerlukan persekitaran pembangunan yang matang dan lengkap, yang pada masa ini kurang. 4. Dengan peningkatan pesat fungsi HTML5, pelayar mesti mempunyai enjin grafik dan enjin skrip yang cekap.

5. HTML5 memerlukan aplikasi pembunuh untuk menarik dan membimbing pengguna untuk meningkatkan penyemak imbas mereka, dan akhirnya melengkapkan penggunaan terminal HTML5.