DIV CSS 佈局教程網

一、增加結構語義化的標簽

• section
• articel
• aside
• header
• hgroup
• footer
• nav
• figure
• command
• progress
• time
• ruby
• rt
• rp
• mark
• wbr 
• ...

二、增加的表單類型

inputy元素增加了以下類型

• email
• url
• number
• range
• Date pickers
• search
• color

全新增加的表單元素標簽

• datalist
• keygen
• output

HTML5還增加了一些form和input的屬性，詳見參考。

三、增加的富客戶端標簽

媒體

• video
• audio
• embed

圖像

• canvas 畫布
• SVG 矢量圖。比畫布更復雜，明顯不同是支持事件處理

四、更有用的新Javascript API

1、Web Storage

新Web存儲方案，包括localStorage和sessionStorage。關於更多Web存儲可見Web存儲。

2、Application Cache

應用程序緩存，在html標簽處添加manifest屬性，浏覽器會在網絡良好時創建manifest緩存文件，離線時讀取manifest文件，以實現離線浏覽。

3、Web Socket

最小的開銷（如沒有HTTP首標）實現套接字的全雙工通信，目前並不完全支持。為Node.js而生的好用的包：socket.io。

4、SSE

服務器推送事件（server sent event）。服務器單向客戶端推送的通信模式。

SSE與Web Scoket都為低時延通信而生，但兩者有明顯不同。SSE基於現有HTTP/HTTPs協議工作，是文本協議。而Web Scoket更復雜一些，目前需要服務端再做一些工作才能運作（socket.io是個好選擇），並且它是二進制協議。效率上，Web Scoket開銷更小。

5、Web Workers

HTML中的JavasaScript是阻塞的，執行時頁面就不可響應。Web Worker是執行在後台的JavaScript。如在HTML頁面指定一個js腳本創建Worker對象w，w監聽js中發送的消息。js腳本可進行大量運算卻不會阻塞HTML頁面。

6、Geolocation 地理位置API

7、Device Orientation 設備方向API

五、廢除的標簽

1、能用css代替的元素 
basefont、big、center、font、s、strike、tt、u。這些元素純粹是為畫面展示服務的，HTML5中提倡把畫面展示性功能放在css中統一編輯。

2、不再使用frame框架。

frameset、frame、noframes。HTML5中不支持frame框架，只支持iframe框架，或者用服務器方創建的由多個頁面組成的符合頁面的形式，刪除以上這三個標簽。

3、只有部分浏覽器支持的元素

applet、bgsound、blink、marquee等標簽。

4、其他被廢除的元素

• 廢除rb，樹勇ruby替代。
• 廢除acronym使用abbr替代。
• 廢除dir使用ul替代。
• 廢除isindex使用form與input相結合的方式替代
• 廢除listing使用pre替代
• 廢除xmp使用code替代
• 廢除nextid使用guids
• 廢除plaintex使用“text/plian”（無格式正文）MIME類型替代。

參考：

http://hovertree.com/

《HTML5和JavaScript Web應用開發》 Wesley Hales

《HTML5數據推送應用開發》 Darrren Cook

html5新增的標簽和廢除的標簽