DIV CSS 佈局教程網

HTML5簡介

• HTML5是HTML的最新修訂標准。2014年10月29日，萬維網聯盟（W3C）宣布，經過8年的努力，HTML5標准規范制定完成。
• HTML5的設計目的是在移動設備上使用多媒體。
• HTML5簡單易學。 http://hovertree.com/menu/html5/

什麼是HTML5?

• HTML5是下一代的HTML。
• HTML5將成為HTML、XHTML以及HTML DOM的新標准。
• HTML的上一個版本誕生於1999年。HTML的誕生，讓互聯網的世界發生了巨變。
• HTML5仍處於完善之中。但目前，大部分的主流浏覽器都對HTML5支持。

HTML5的發展起源

HTML5是W3C與WHATWG合作的結果。

W3C 指 World Wide Web Consortium，萬維網聯盟。 
WHATWG 指 Web Hypertext Application Technology Working Group。

W3C專注於XHTML 2.0，WHATWG致力於web表單和應用程序。在2006年，雙方決定進行合作，創建新一代的HTML標准。

他們為新一代HTML5建立的一些規則：

• 新特性應該基於HTML、CSS、DOM以及JavaScript。
• 減少對外部插件的需求，比如flash。
• 更優秀的錯誤處理。
• 更多取代腳本的標記。
• HTML5應該獨立於設備。
• 開發進程對公眾透明。

HTML5一些有趣的新特性：

• 用於繪畫的 canvas 元素
• 用於媒體播放的video和audio元素
• 對本地離線存儲更好的支持
• 新的特殊內容元素，比如article、footer、header、nav、section
• 新的表單控件，比如calendar、date、time、email、number、url、search

HTML5相比上一代HTML有哪些改進？

• 新元素
• 新屬性
• 完全支持CSS3
• vedio和audio
• 2D/3D繪圖
• 本地存儲
• 本地SQL數據
• web應用

HTML5多媒體

使用HTML5可以簡單的在網頁中播放音頻（audio）和視頻(vedio)，而不需要flash的支持。

• 使用元素<audio>
• 使用元素<vedio>

HTML5應用

使用HTML5可以方便地開發應用。

• 本地數據存儲
• 訪問本地文件
• 本地SQL數據
• 緩存引用
• JavaScript支持
• XHTML HttpRequest 2

HTML5圖形

使用HTML5可以方便地繪制圖形。 
- 使用<canvas>元素 
- 使用內聯SVG 
- 使用CSS3 2D/3D

HTML5使用CSS3

• 新選擇器
• 新屬性
• 動畫
• 2D/3D轉換
• 圓角
• 陰影效果
• 可下載的字體

HTML5浏覽器支持

HTML5已支持opra、chrome、firefox、safari以及IE9以上版本。 

推薦：