HTML5 adalah versi berikutnya dari standar HTML. Meskipun HTML5 tidak sepenuhnya menumbangkan HTML4, mereka juga memiliki beberapa perbedaan. Untuk informasi perbandingan html5-html4 terbaru dan paling lengkap, silakan lihat http://dev.w3.org/html5/html4-differences/, yang tampaknya sedikit lebih. Di dunia ini di mana IE masih ada, Anda pertama -tama dapat menguasai perbedaan dalam HTML5, dan belum terlambat untuk mempelajarinya dengan hati -hati setelah semua dukungan.
1. Sintaks yang disederhanakan
HTML5 menyederhanakan banyak sintaks halus, seperti pernyataan Doctype, Anda hanya perlu menulis <! Doctype html>. HTML 5 Menentukan pengkodean UTF-8 sebagai berikut <meta charset = UTF-8>
2. <Canvas> Tag Mengganti Flash
Flash telah menyebabkan masalah bagi banyak pengembang web, dan bermain flash di halaman web memerlukan banyak kode dan plug-in. Tag <an Canvas> memungkinkan pengembang untuk berinteraksi dengan pengguna dengan UI selama mereka menggunakan satu tag.
3 Menambahkan banyak tag baru
Salah satu prinsip desain HTML5 adalah dengan lebih mencerminkan semantik situs web, jadi tag seperti <Header> dan <footer> ditambahkan untuk secara jelas menunjukkan struktur halaman web; Menambahkan <section> dan <cart Article> Tag, <section> dan <cart Article> juga kondusif untuk mengklarifikasi struktur halaman web dan lebih kondusif untuk SEO; Menambahkan tag <u menu> dan <figure>, <u menu> dapat digunakan untuk membuat menu tradisional, atau untuk toolbar dan menu konteks. <figure> Tag membuat teks web dan gambar lebih profesional dalam tata letak; Tag baru <dial> dan <Dideo> ditambahkan, kedua tag ini mungkin dua tag yang paling berguna di HTML5, dan mereka juga sangat nyaman untuk digunakan. Misalnya, menanamkan video di halaman HTML5 hanya mengambil bagian kecil.
Salinan kode adalah sebagai berikut:
<Lebar Video = 450 Tinggi = 340 Kontrol>
<Sumber src = jamshed.mp4 type = video/mp4>
Browser Anda tidak mendukung fitur embedding video.
</dide>
Demikian pula, audio dan hal -hal lain serupa.
4. Formulir Baru
HTML5 telah membuat banyak modifikasi pada tag <Morm> dan <FormInput>, menambahkan banyak atribut baru, dan memodifikasi banyak atribut.
5. Hapus tag <b> dan <font>, <bingkai>, <Tenter>, <Big> tag
6.html5 mendukung berbagai jenis jenis penyimpanan
HTML5 mendukung penyimpanan lokal, dan diimplementasikan melalui cookie di versi sebelumnya. Penyimpanan lokal HTML5 cepat dan aman. Dan HTML5 memiliki dua objek berbeda yang dapat digunakan untuk menyimpan data. HTML5 menyimpan dan mengakses data melalui JS:
LocalStorage cocok untuk penyimpanan data jangka panjang, dan data tidak akan hilang setelah browser ditutup.
SessionStorage hanyalah penyimpanan data sesi, dan data yang disimpan secara otomatis dihapus setelah browser ditutup.
Secara umum, HTML5 telah melampaui ruang lingkup bahasa markup, dan lebih banyak tag semantik akan membuat HTML5 lebih berguna. Canvas+WebGL dan teknologi lainnya mewujudkan animasi bebas plug-in dan kemampuan pemrosesan gambar dan grafik; Penyimpanan lokal dapat mewujudkan aplikasi offline; WebSocket, mengubah model tarik murni HTTP untuk mewujudkan impian data dorongan; MathML, SVG, dll., Mendukung render yang lebih kaya, dll. Sekarang, pemahaman HTML5 masih berada pada tahap permukaan. Di masa depan, saya akan membaca lebih banyak buku HTML5 dan menambahkan beberapa wawasan.