Perkembangan internet selalu melahirkan munculnya teknologi-teknologi baru, dan HTML5 serta CSS3 menjadi topik hangat yang akhir-akhir ini diperbincangkan bagi setiap developer Internet, terutama front-end developer, yang penuh dengan rasa ingin tahu dan keinginan. Lalu apa saja hal tentang HTML5 dan CSS3 yang membuat kita bersinar? Saya berbagi "Mengungkap Rahasia HTML5 dan CSS3 " dengan Anda di Konferensi Pertukaran WebRebuild Beijing dan Geng Teh Susu Mutiara. PPT ada di sini:
http://docs.google.com/present/view?id=dhpdbrp_51hf88z8g8
Draf pendahulu HTML 5 disebut Aplikasi Web 1.0. Ini diusulkan oleh WHATWG pada tahun 2004 dan diterima oleh W3C pada tahun 2007, dan tim kerja HTML baru dibentuk. Pada tanggal 22 Januari 2008, draf resmi pertama dirilis. HTML 5 adalah lompatan maju terbesar dalam standar pengembangan web dalam satu dekade terakhir. Berbeda dengan versi sebelumnya, HTML 5 tidak hanya digunakan untuk mewakili konten Web. Misi barunya adalah membawa Web ke dalam platform aplikasi yang matang, video, audio, gambar, animasi, dan Interaksi berbasis komputer distandarisasi . Jadi mari kita lihat gambaran teknis HTML5:
HTML5 menambahkan banyak elemen multimedia dan interaktif baru seperti video dan audio. Di HTML4, jika Anda ingin menyematkan video atau audio, Anda perlu memasukkan sebagian besar kode dan kompatibel dengan berbagai browser perkenalkan tag Itu saja, sama nyamannya dengan tag img. Dalam hal tata letak halaman dan implementasi konten, HTML5 telah menambahkan banyak elemen tag terstruktur baru serta elemen tingkat blok dan semantik. Jika Anda ingin menggunakan HTML untuk mewakili bilah kemajuan pengunggahan suatu file, di HTML5 Anda dapat menggunakan kemajuan elemen untuk mewakilinya. Ia memiliki atribut nilai yang menjelaskan berapa banyak tugas yang telah diselesaikan, dan atribut max menjelaskan berapa banyak tugas yang diperlukan secara total. Anda juga bisa mendapatkan atribut posisi (hanya baca) dari bilah kemajuan ini melalui DOM antarmuka, yang merupakan persentase penyelesaian tugas. Youtube telah mencoba teknologi HTML5. http://www.youtube.com/html5 (perlu menghindari firewall ) adalah DEMO yang dibuat menggunakan HTML5. Dilihat dari keseluruhan kode sumber halaman, sangat sederhana. Tentu saja, HTML5 juga menambahkan beberapa atribut baru ke beberapa elemen, seperti atribut placeholder dari input dan textarea, yang setara dengan prompt input dari kotak input naskah. Untuk semua atribut yang umum pada HTML, kita biasa menyebutnya "atribut global", seperti class, id, tabindex, title. HTML5 juga menambahkan beberapa atribut global baru, seperti atribut yang dapat diedit, menu konteks, tersembunyi, dan lainnya. HTML5 juga menambahkan dukungan untuk mikrodata, seperti atribut baru HTML5 seperti item, itempro, dan subjek.
Tentu saja, HTML5 juga menghilangkan beberapa elemen yang mewakili presentasi halaman, seperti font, center, strike, dll. Hal ini seharusnya dilakukan oleh CSS, sehingga tetap mudah dipahami. Ini juga menghilangkan beberapa elemen yang mempengaruhi aksesibilitas website, seperti frame, frameset, noframe dan beberapa elemen yang tidak umum seperti akronim, gunakan abbr untuk mewakili singkatannya. HTML5 juga menghapus beberapa keakraban HTML yang mempengaruhi kompatibilitas klien, seperti atribut rev dari link dan atribut scope dari td. HTML5 juga menghapus beberapa atribut yang menunjukkan presentasi halaman, seperti atribut align dan bgcolor dari beberapa elemen.
HTML5 menyediakan tipe kontrol yang kuat seperti url, email, tanggal, telp, dll., atribut batasan yang kuat, seperti diperlukan untuk menunjukkan diperlukan, menerima atribut untuk unggahan file, dan dukungan untuk beberapa model elemen pengulangan formulir formulir. Anda dapat mengatur metode pengiriman ke pengiriman XML, sehingga data yang diterima oleh server akan dalam format XML. Formulir HTML5 didefinisikan sebagai "Formulir Web 2.0". Saat ini, opera9.5+ memiliki dukungan sempurna untuk Formulir Web 2.0.
Klik di sini untuk melihat Formulir Web 2.0 DEMO , memerlukan Opera9.5+
HTML5 memiliki banyak antarmuka yang diwarisi dari HTMLDocument di DOM LEVEL 2 HTML. Tentu saja, HTML5 juga memiliki beberapa anggota baru yang penting di DOM, seperti: mendukung getElementsByClassName, yang memungkinkan Anda memilih elemen berdasarkan nama kelas seleksi.Objek, ada dua metode querySelector dan querySelectorAll pada pemilih, yang dapat memperoleh elemen yang akan ditanyakan berdasarkan pemilih css, yang setara dengan Y.one dan Y.all di YUI3.
API baru apa yang ditambahkan HTML5 ke Javascript?
Apakah HTML5 menggairahkan Anda? Jadi kapan HTML5 akan menjadi standar? Konon harus menunggu hingga 2022. Ada situs menarik http://ishtml5readyyet.com/ yang memberi tahu Anda berapa hari hingga HTML5 benar-benar hadir.