HTML5是HTML標準的下一個版本。雖然HTML5沒有完全顛覆HTML4，但是它們也有一些不同。最新最全的HTML5-HTML4對比信息請看http://dev.w3.org/html5/html4-differences/，貌似略多的樣子。在這個IE還仍然存在的世界里，HTML5的差別先掌握一些即可，等全部支持后再細細研究也不遲。

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

2. canvas 標簽替代Flash
Flash給很多Web開發者帶來了麻煩，要在網頁上播放Flash需要一堆代碼和插件。 canvas 標簽使得開發者只要使用一個標簽就能和用戶產生UI交互。

3 新增許多標簽
HTML5設計的一個原則是更好的體現網站的語義性，所以增加了 header 和 footer 這樣的標簽，用來明確表示網頁的結構；新增 section 和 article 標簽， section 和 article 也有利于清晰化網頁的結構，更有利于SEO；新增 menu 和 figure 標簽， menu 可以被用于創建傳統的菜單，也可以用于工具欄和上下文菜單。 figure 標簽使得網頁文字和圖片的排版更專業； 新增 audio 和 video 標簽，這兩個標簽可能是HTML5里面最有用的兩個標簽了，使用起來時也異乎方便，如在HTML5頁面中嵌入視頻只需一小段

代碼如下:

 video width= 450 height= 340 controls  source src= jamshed.mp4 type= video/mp4  Your browser does nt support video embedding feature.  /video 

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

4. 全新的表單
HTML5對 form 和 forminput 標簽進行了大量修改，添加了很多新的屬性，也修改了很多屬性，

5. 刪除 b 和 font 標簽， frame , center , big 標簽

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的區別的詳細內容，其它編程語言

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。