站長(zhǎng)資訊網(wǎng)雖然HTML5沒(méi)有完全顛覆HTML4，但是它們也有一些不同。本文整理了一些可以看得見(jiàn)的區(qū)別，先掌握一些即可，等全部支持后再細(xì)細(xì)研究也不遲，感興趣的朋友不要錯(cuò)過(guò)
HTML5是HTML標(biāo)準(zhǔn)的下一個(gè)版本。雖然HTML5沒(méi)有完全顛覆HTML4，但是它們也有一些不同。最新最全的HTML5-HTML4對(duì)比信息請(qǐng)看http://dev.w3.org/html5/html4-differences/，貌似略多的樣子。在這個(gè)IE還仍然存在的世界里，HTML5的差別先掌握一些即可，等全部支持后再細(xì)細(xì)研究也不遲。
1. 簡(jiǎn)化的語(yǔ)法
HTML5簡(jiǎn)化了很多細(xì)微的語(yǔ)法，例如doctype的聲明，你只需要寫<!doctype html>就行了。HTML 5 指定 UTF-8 編碼的方式如下<meta charset="UTF-8">
2. <canvas>標(biāo)簽替代Flash
Flash給很多Web開發(fā)者帶來(lái)了麻煩，要在網(wǎng)頁(yè)上播放Flash需要一堆代碼和插件。<canvas>標(biāo)簽使得開發(fā)者只要使用一個(gè)標(biāo)簽就能和用戶產(chǎn)生UI交互。
3 新增許多標(biāo)簽
HTML5設(shè)計(jì)的一個(gè)原則是更好的體現(xiàn)網(wǎng)站的語(yǔ)義性，所以增加了<header>和<footer>這樣的標(biāo)簽，用來(lái)明確表示網(wǎng)頁(yè)的結(jié)構(gòu)；新增 <section> 和 <article> 標(biāo)簽，<section>和<article>也有利于清晰化網(wǎng)頁(yè)的結(jié)構(gòu)，更有利于SEO；新增 <menu> 和 <figure> 標(biāo)簽，<menu>可以被用于創(chuàng)建傳統(tǒng)的菜單，也可以用于工具欄和上下文菜單。<figure>標(biāo)簽使得網(wǎng)頁(yè)文字和圖片的排版更專業(yè)； 新增 <audio> 和 <video> 標(biāo)簽，這兩個(gè)標(biāo)簽可能是HTML5里面最有用的兩個(gè)標(biāo)簽了，使用起來(lái)時(shí)也異乎方便，如在HTML5頁(yè)面中嵌入視頻只需一小段
代碼如下:
<video width="450" height="340" controls> <source src="jamshed.mp4" type="video/mp4"> Your browser does'nt support video embedding feature. </video>
同理，音頻等其他的也類似。
4. 全新的表單
HTML5對(duì) <form> 和 <forminput> 標(biāo)簽進(jìn)行了大量修改，添加了很多新的屬性，也修改了很多屬性，
5. 刪除 <b> 和 <font> 標(biāo)簽，<frame>, <center>, <big> 標(biāo)簽
6.HTML5 支持了不同類型的存儲(chǔ)類型
HTML5 支持本地存儲(chǔ)，在之前版本中是通過(guò) Cookie 實(shí)現(xiàn)的。HTML5 本地存儲(chǔ)速度快而且安全。并且HTML5有兩種不同的對(duì)象可用來(lái)存儲(chǔ)數(shù)據(jù)，HTML5通過(guò)JS來(lái)存儲(chǔ)和訪問(wèn)數(shù)據(jù)：
localStorage 適用于長(zhǎng)期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失
sessionStorage 只是針對(duì)一個(gè)session的數(shù)據(jù)存儲(chǔ)，存儲(chǔ)的數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除
總的來(lái)說(shuō)，HTML5已經(jīng)超越了標(biāo)記語(yǔ)言的范疇，更富語(yǔ)義的標(biāo)簽將使得HTML5更有用處。Canvas+WEBGL等技術(shù)，實(shí)現(xiàn)無(wú)插件的動(dòng)畫以及圖像、圖形處理能力；本地存儲(chǔ)，可實(shí)現(xiàn)offline應(yīng)用；websocket，一改http的純pull模型，實(shí)現(xiàn)數(shù)據(jù)推送的夢(mèng)想；MathML，SVG等，支持更加豐富的render等等等等，現(xiàn)在對(duì)于對(duì)HTML5的了解還只停留在表面階段，以后會(huì)多閱讀一部分HTML5的書籍增加一下見(jiàn)識(shí)。
【相關(guān)推薦】
1. HTML5免費(fèi)視頻教程
2. H5與傳統(tǒng)html的區(qū)別
3. 通過(guò)H5實(shí)現(xiàn)拍照功能的實(shí)例詳解
4. H5制作一個(gè)注冊(cè)頁(yè)面的代碼實(shí)例
5. 教你用H5繪圖的基礎(chǔ)方法
