Pengembangan internet selalu terus memunculkan munculnya teknologi baru, dan HTML5 dan CSS3 adalah topik panas yang telah dibahas baru-baru ini. Jadi apa sebenarnya yang ada untuk HTML5 dan CSS3 yang membuat kita bersinar? Saya berbagi dengan Anda "Mengungkap HTML5 dan CSS3 " di WebRebuild Beijing Exchange Conference dan Gang Teh Pearl Milk.
http://docs.google.com/present/view?id=dhpdbrp_51hf88z8g8
Pendahulu draft HTML 5 disebut Aplikasi Web 1.0. Pada 22 Januari 2008, draf resmi pertama dirilis. HTML 5 adalah lompatan terbesar dalam standar pengembangan web dalam dekade terakhir. Tidak seperti versi sebelumnya, HTML 5 tidak hanya digunakan untuk mewakili konten web distandarisasi. Jadi mari kita lihat tinjauan teknis HTML5:
HTML5 telah menambahkan banyak elemen multimedia dan interaktif seperti video dan audio. Tidak apa -apa, sama nyamannya dengan tag IMG. Dalam hal tata letak halaman dan implementasi konten, HTML5 telah menambahkan banyak elemen tag terstruktur, elemen level blok dan semantik. . Ini memiliki atribut nilai yang menjelaskan berapa banyak tugas yang telah selesai, dan atribut maks menjelaskan berapa banyak tugas yang dibutuhkan secara total. Persentase penyelesaian tugas. YouTube telah melakukan upaya dalam teknologi HTML5. Tentu saja, HTML5 juga telah menambahkan beberapa atribut ke beberapa elemen, seperti atribut placeholder dari input dan textarea, yang setara dengan prompt input dari kotak input. naskah. Untuk semua atribut umum HTML, kami biasanya menyebutnya "atribut global", seperti kelas, ID, tabindex, judul. HTML5 juga menambahkan dukungan untuk mikrodata, seperti atribut baru item, itempro, subjek, dll. Dalam html5.
Tentu saja, HTML5 juga menghapus beberapa elemen yang mewakili tampilan halaman, seperti font, tengah, pemogokan, dll. Ini seharusnya dilakukan oleh CSS, sehingga masih mudah dimengerti. Dihapus, seperti bingkai, frameset, noframe dan beberapa elemen yang tidak umum seperti akronim, dan ABBR digunakan untuk mewakili singkatan. HTML5 juga menghapus beberapa keakraban HTML yang memengaruhi kompatibilitas klien, seperti atribut rev dari tautan dan atribut ruang lingkup TD;
HTML5 menyediakan jenis kontrol yang kuat seperti URL, email, tanggal, tel, dll., Properti kendala yang kuat, seperti yang diperlukan, atribut penerimaan untuk unggahan file, dan beberapa dukungan model elemen duplikat. Metode pengiriman XML, sehingga data yang diterima oleh server akan berada dalam format XML, dan formulir HTML5 didefinisikan sebagai "Formulir Web 2.0".
Klik di sini untuk melihat Formulir Web 2.0 Demo, Opera9.5+ diperlukan
Banyak antarmuka HTML5 yang mewarisi HTMLDocument di DOM Level 2 HTML. Dipilih objek pemilih memiliki dua metode pada QuerySelector dan QuerySelectorall yang dapat memperoleh elemen yang harus ditanya berdasarkan pemilih CSS, yang setara dengan Y.One dan Y.Semua di YUI3.
API apa yang ditambahkan HTML5 ke JavaScript?
Video/Audio: HTML5 menyediakan API untuk video dan audio untuk memungkinkan pengembang mengontrol antarmuka pengguna mereka sendiri, seperti bermain atau berhenti konten media.
Canvas: Canvas adalah elemen HTML baru yang dapat digunakan oleh bahasa skrip (biasanya JavaScript) untuk menggambar grafik. Misalnya, dapat digunakan untuk menggambar gambar, mensintesis gambar, atau melakukan animasi sederhana (dan tidak begitu sederhana). Canvas adalah hal yang ajaib. Fillstyle atau atur warna stroke melalui strokestyle, dan bahkan pengoperasian jalur menggambar bertepatan dengan operasi pena Photoshop. Canvas sudah memiliki aplikasi di banyak situs web, seperti statistik status unduhan real-time Firefox, dan Anda bahkan dapat menggunakan kanvas untuk menulis game web.
Drag & Drop: Di media visual yang menunjukkan perangkat, pengoperasian "Drag" adalah peristiwa mouse down dan mousemove dengan mousemove, dan "drop" adalah peristiwa yang dipicu ketika mouse dilepaskan. Antarmuka DataEvent dan DataTransfer didefinisikan dalam Drag & Drop.
Pekerja Web: Buat javascript multi-threading dan dapat melakukan banyak pekerjaan di latar belakang tanpa memblokir operasi browser saat ini.
Geolocation: Saat menjalankan navigator.geolocation.getCurrentPosition (Sukses, Kesalahan) Metode ini, browser akan meminta apakah akan berbagi lokasi geografis Anda. Objek Posisi. pada beberapa ponsel seperti iPhone.
Cache Aplikasi: Ini adalah dukungan HTML5 untuk aplikasi offline. Cache file yang diperlukan, dan Anda masih dapat menggunakan aplikasi ini saat jaringan Anda tidak tersedia. Untuk aplikasi offline, Google juga telah mengembangkan ekstensi browser Google Gears, tetapi pada akhirnya, Switch Google ke HTML5 juga dapat melihat keunggulan penyimpanan HTML5 dan aplikasi offline.
Penyimpanan: WebKit telah menerapkan penyimpanan basis data, Anda dapat meminta data dan melakukan beberapa operasi seperti database operasi backend. Ada jenis penyimpanan lain, seperti Sesiesstorage dan LocalStorage, yang dapat disimpan dan diperoleh melalui Setitem dan GetItem.
Pesan X-Dokumen: Browser memblokir komunikasi dokumen antara berbagai domain karena keamanan dan privasi. Komunikasi silang dapat dicapai, memungkinkan kita untuk mengabaikan dari mana domain sumber berasal, dan pada saat yang sama mencegah serangan naskah.
Apakah HTML5 membuat Anda bersemangat? Jadi kapan HTML5 akan menjadi standar? Dikatakan bahwa itu akan sampai tahun 2022, dan ada situs web yang sangat menarik http://ishtml5readyyet.com/ untuk memberi tahu Anda berapa hari yang ada di html5.