html5和4有什麼差別

區別：1、html5對語法進行了簡化，例如文件類型聲明只需要寫成“”即可；2、HTML5的文檔解析不再基於SGML；3、html5新增加了語意標籤，廢除了一些網頁美化方面的標籤，使樣式與結構分離更加徹底等等。

本教學操作環境：windows7系統、HTML5版、Dell G3電腦。

HTML5自從2010年正式推出後，它以驚人速度發展，現在主流瀏覽器基本上都支援了HTML5（除了個別的特性在瀏覽器相容有問題），這說明HTML5越來越受到歡迎。可以預測不久的將來HTML5會成為web前端的主流技術。 HTML5特效更能適應行動網路時代，可以更好地支援多媒體在行動裝置上運作。

HTML5和HTML4究竟有哪些不同？

1、語法簡化

html5的推出對語法進行了簡化，例如頭部的doctype，我們只要寫&lt ;!doctype html>就可以了。

而html4需要寫成：

#2、標準面

HTML5的文件解析不再是基於SGML (Standard Generalized Markup Language)標準，而是形成了自己的一套標準。

3、標籤方面

新增語意標籤，其中包括

、

、

、

、

、

、

、

廢除一些網頁美化方面的標籤，使樣式與結構分離更加徹底, 包括

、、、、

、、

#透過增加了

#透過增加了

以前，在網頁中播放多媒體時，需要使用ActiveX或Plug-in的方式來完成。有了HTML5之後，使用

4、屬性方面

增加了一些表單屬性, 主要是其中的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、儲存方面

新增WebStorage, 包含localStorage和sessionStorage

引入了IndexedDB和Web SQL，允許在瀏覽器端建立資料庫表並儲存資料, 兩者的區別在於IndexedDB更像是一個NoSQL資料庫，而WebSQL更像是關係型資料庫。 W3C已經不再支援WebSQL。

引入了應用程式快取器(application cache)，可對web進行緩存，在沒有網路的情況下使用，透過建立cache manifest檔,建立應用程式緩存，為PWA(Progressive Web App)提供了底層的技術支援。 相關推薦：《

html影片教學###》###

以上是html5和4有什麼差別的詳細內容。更多資訊請關注PHP中文網其他相關文章！