Perubahan dalam era Web dan perbezaan antara kemahiran tutorial html5 dan html4_html5

HTML5 ialah versi seterusnya bagi standard HTML. Semakin ramai pengaturcara beralih kepada HTML5 untuk membina tapak web. Jika anda menggunakan HTML4 dan HTML5 pada masa yang sama, anda akan mendapati bahawa membina dari awal dengan HTML5 adalah lebih mudah daripada berhijrah daripada HTML4 ke HTML5. Walaupun HTML5 tidak sepenuhnya membatalkan HTML4, mereka masih mempunyai banyak persamaan, tetapi mereka juga mempunyai beberapa perbezaan utama. Seterusnya, mari kita pelajari perbezaan antara html5 dan html4 melalui artikel ini
teg struktur baharu HTML5
Dalam halaman HTML sebelumnya, semua orang pada asasnya menggunakan kaedah reka letak Div ​​CSS. Apabila enjin carian merangkak kandungan halaman, ia hanya boleh meneka bahawa kandungan dalam salah satu Div anda ialah bekas kandungan artikel, bekas modul navigasi atau bekas yang diperkenalkan oleh pengarang, dsb. Dengan kata lain, struktur keseluruhan dokumen HTML tidak ditakrifkan dengan jelas Untuk menyelesaikan masalah ini, HTML5 menambah khas: pengepala, pengaki, navigasi, kandungan artikel dan tag elemen struktur lain yang berkaitan dengan struktur.
Sebelum bercakap tentang teg baharu ini, mari kita lihat reka letak halaman biasa dahulu:

Kita dapat melihat dengan jelas dalam gambar di atas bahawa halaman biasa akan mempunyai pengepala, navigasi, kandungan artikel, lajur kanan yang dilampirkan dan modul bawah, dan kami melakukan ini melalui kelas Dibezakan dan diproses melalui gaya css yang berbeza . Tetapi secara relatifnya, kelas bukanlah spesifikasi standard sejagat Enjin carian hanya boleh meneka fungsi bahagian tertentu Selain itu, jika program halaman ini diberikan kepada orang cacat penglihatan untuk membaca, struktur dan kandungan dokumen tidak akan begitu jelas. Reka letak baharu yang dibawa oleh teg baharu HTML5 adalah seperti berikut: 　

Perubahan dalam era web
Piawaian HTML generasi sebelumnya: HTML 4.01 dan XHTML 1.0 telah dikeluarkan lebih daripada 10 tahun lalu, dan web- aplikasi sampingan Ia juga telah mengalami perubahan menggegarkan bumi. Selain itu, tiada standard Internet yang bersatu dan universal untuk bahagian hadapan Web Terdapat terlalu banyak ketidakserasian antara pelbagai penyemak imbas, dan terlalu banyak masa terbuang untuk mengekalkan keserasian penyemak imbas ini. Tambahan pula, operasi multimedia sebelumnya, animasi, dsb. semuanya memerlukan sokongan pemalam pihak ketiga, yang menyebabkan isu keserasian berbilang platform Semua ini akan menjadi standard dalam HTML5, yang secara asasnya menyelesaikan masalah penyemakan imbas beberapa isu pemalam pihak ketiga menjadikan aplikasi web lebih standard, lebih serba boleh dan lebih bebas peranti.
Sejak h5 dikeluarkan secara rasmi pada tahun 2010, ia telah dialu-alukan dan disokong oleh pelayar utama Industri ini sedang menuju ke arah h5, dan era h5 akan datang tidak lama lagi.
HTML5 bukanlah perubahan revolusioner, tetapi hanya perubahan pembangunan. Selain itu, ia serasi dengan banyak piawaian HTML4 sebelumnya, dan semua aplikasi web yang dibuat melalui standard HTML5 terkini juga boleh dijalankan dengan mudah pada versi pelayar yang lebih lama. Piawaian HTML5 menyepadukan banyak fungsi praktikal, seperti: audio dan video, storan tempatan, komunikasi Soket, animasi, dll., yang diambil serius dan dinaik taraf hanya selepas pembangunan aplikasi sebelumnya merasakan bahawa bahagian Web tidak berguna jika anda mempunyai pengalaman yang berkaitan Ia juga akan sangat menyentuh hati.
Matlamat HTML5 ialah: ia menyediakan piawaian untuk membangunkan aplikasi Web tujuan am yang lebih mudah, bebas dan standard melalui beberapa teg baharu dan fungsi baharu.
Piawaian baharu menyelesaikan tiga masalah utama: keserasian penyemak imbas, struktur dokumen yang tidak jelas dan kefungsian aplikasi web yang terhad.
Perbezaan antara HTML4 dan HTML5
1 Batalkan beberapa teg HTML4 yang lapuk
termasuk teg yang semata-mata untuk kesan paparan, seperti

, ia telah digantikan sepenuhnya oleh CSS.
Atribut lain yang dibatalkan: akronim, applet, basefont, big, center, dir, fon, frame, frameset, isindex, noframes, strike, tt.
2. Menambah beberapa elemen baharu
Contohnya: teg bentuk yang lebih pintar: tarikh, e-mel, url, dsb.; .
3. Atribut global baharu: contentEdiable designMode hidden spellcheck tabindex
4 Kaedah penandaan: Terdapat hanya satu jenis pengisytiharan jenis fail (): .
Tentukan pengekodan aksara
5 JS API Baharu
6 Keserasian terjamin
Elemen teg boleh diabaikan
Jangan benarkan menulis Teg akhir: Contohnya, area base br
boleh menghilangkan tag akhir: seperti li dt
Anda boleh meninggalkan semua tag: seperti html head
Contoh kod adalah seperti berikut:

Salin kod

Kod tersebut adalah seperti berikut:

html5

...

...

111111

22222


...

...