詳解H5和HTML4的區別

雖然HTML5沒有完全顛覆HTML4，但它們也有些不同。本文整理了一些可以看得見的區別，先掌握一些即可，等全部支持後再細細研究也不遲，有興趣的朋友不要錯過

HTML5是HTML標準的下一個版本。雖然HTML5沒有完全顛覆HTML4，但它們也有一些不同。最新最全的HTML5-HTML4比較資訊請看http://dev.w3.org/html5/html4-differences/，看起來像略多的樣子。在這個IE還仍然存在的世界裡，HTML5的差異先掌握一些即可，等全部支援後再細細研究也不遲。

1. 簡化的語法
HTML5簡化了很多細微的語法，例如doctype的聲明，你只需要寫就行了。 HTML 5 指定UTF-8 編碼的方式如下set="UTF-8">

2. canvas> ;標籤替代Flash
Flash給許多Web開發者帶來了麻煩，要在網頁上播放Flash需要一堆程式碼和外掛程式。 標籤使得開發者只要使用一個標籤就能和使用者產生UI互動。

3 新增許多標籤
HTML5設計的一個原則是更好的體現網站的語義性，所以增加了

和< ;footer>這樣的標籤，用來明確表示網頁的結構；新增

和

標籤，

和

也有利於清晰化網頁的結構，更有利於SEO ；新增 和

標籤，可以用來建立傳統的選單，也可以用於工具列和上下文選單。

標籤使得網頁文字和圖片的排版更專業；新增

代碼如下:

<video width="450" height="340" controls>  
  <source src="jamshed.mp4" type="video/mp4">  
   Your browser does&#39;nt support video embedding feature.  
</video>

同理，音頻等其他的也類似。

4. 全新的表單
HTML5對

和 標籤進行了大量修改，新增了許多新的屬性，也修改了許多屬性，

5. 刪除 和 標籤，,

, 標籤

6.HTML5 支援了不同類型的存儲類型HTML5 支援本地存儲，在先前版本中是透過Cookie 實現的。 HTML5 本機儲存速度快且安全性。而HTML5有兩種不同的物件

可用於儲存數據，HTML5透過

JS
來儲存和存取資料：    localStorage 適用於長期儲存數據，瀏覽器關閉後資料不遺失

   

sessionStorage 只是針對一個session的資料存儲，儲存的資料在瀏覽器關閉後自動刪除總的來說，HTML5已經超越了標記語言的範疇，較富語意的標籤將使得HTML5更有用處。 Canvas+WEBGL等技術，實現無插件的動畫

以及圖像、圖形處理能力；本地存儲，可實現offline應用；websocket，一改http的純pull

模型

，實現數據推播的夢想；MathML，SVG等，支援更豐富的render等等等等，現在對於對HTML5的了解還只停留在表面階段，以後會多閱讀一部分HTML5的書籍增加一下見識。

【相關推薦】

1. 

HTML5免費影片教學

2. 

H5與傳統html的差異

#3. 

透過H5實現拍照功能的實例詳解

4. 

H5製作一個註冊頁面的程式碼實例

5. ###教你用H5繪圖的基礎方法######

以上是詳解H5和HTML4的區別的詳細內容。更多資訊請關注PHP中文網其他相關文章！