Apakah perbezaan antara html5 dan 4?

Perbezaan: 1. HTML5 memudahkan sintaks Contohnya, pengisytiharan jenis fail hanya perlu ditulis sebagai "" 2. Penghuraian dokumen HTML5 tidak lagi berdasarkan SGML; . Teg Semantik baharu HTML5 telah ditambah, beberapa teg pengindahan halaman web telah dimansuhkan, dan pemisahan gaya dan struktur telah dibuat dengan lebih lengkap, dsb.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

HTML5 telah dibangunkan pada kadar yang membimbangkan sejak pelancaran rasminya pada tahun 2010. Kini penyemak imbas arus perdana pada asasnya menyokong HTML5 (kecuali beberapa ciri yang mempunyai isu keserasian penyemak imbas), yang menunjukkan bahawa HTML5 semakin popular. selamat datang. Ia boleh diramalkan bahawa HTML5 akan menjadi teknologi arus perdana web front-end dalam masa terdekat. Kesan khas HTML5 lebih baik disesuaikan dengan era Internet mudah alih dan boleh menyokong multimedia berjalan pada peranti mudah alih dengan lebih baik.

Apakah perbezaan antara HTML5 dan HTML4?

1. Penyederhanaan sintaks

Pengenalan html5 telah mempermudahkan sintaks Sebagai contoh, dalam doctype of the head, kita hanya perlukan untuk menulis Itu sahaja.

Dan html4 perlu ditulis sebagai:

2. Standard

Penghuraian dokumen HTML5 tidak lagi berdasarkan standard SGML (Standard Generalized Markup Language), tetapi membentuk set standardnya sendiri.

3. Dari segi teg,

menambah teg semantik baharu, termasuk

,

,

, , , ,

, ,

Dengan menambahkan

Pada masa lalu, apabila memainkan multimedia pada halaman web, anda perlu menggunakan ActiveX atau Plug-in. Dengan HTML5, anda boleh menggunakan tag

4. Dari segi atribut

Menambahkan beberapa atribut bentuk, terutamanya peningkatan atribut input

<!-- 此类型要求输入格式正确的email地址 -->
<input type=email >
<!-- 要求输入格式正确的URL地址  -->
<input type=url >
<!-- 要求输入格式数字，默认会有上下两个按钮 -->
<input type=number >
<!-- 时间系列，但目前只有 Opera和Chrome支持 -->
<input type=date >
<input type=time >
<input type=datetime >
<input type=datetime-local >
<input type=month >
<input type=week >
<!-- 默认占位文字 -->
<input type=text placeholder="your message" >
<!-- 默认聚焦属性 -->
<input type=text autofacus="true" >
其他标签新增了一些属性,
<!-- meta标签增加charset属性 -->
<meta charset="utf-8">
<!-- script标签增加async属性 -->
<script async></script>
使部分属性名默认具有boolean属性
<!-- 只写属性名默认为true -->
<input type="checkbox"  checked/>
<!-- 属性名="属性名"也为true -->
<input type="checkbox"  checked="checked"/>

5. Dari segi storan,

Menambahkan WebStorage, termasuk localStorage dan sessionStorage

Memperkenalkan IndexedDB dan Web SQL, membolehkan penciptaan jadual pangkalan data dan penyimpanan data pada bahagian penyemak imbas antara keduanya ialah IndexedDB Ia lebih seperti pangkalan data NoSQL, manakala WebSQL lebih seperti pangkalan data hubungan. W3C tidak lagi menyokong WebSQL.

Memperkenalkan cache aplikasi (cache aplikasi), yang boleh cache web dan menggunakannya apabila tiada rangkaian Dengan mencipta fail manifes cache dan mencipta cache aplikasi, ia menyediakan Dasar PWA (Progressive Web App). sokongan teknikal.

Cadangan berkaitan: "

tutorial video html

"

Atas ialah kandungan terperinci Apakah perbezaan antara html5 dan 4?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!