么是 HTML5？

HTML5 是下一代的 HTML。

HTML5 將成為 HTML、XHTML 以及 HTML DOM 的新標準，目標是取代現有的HTML4.01和XHTML1.0標準。它希望能夠減少互聯網富應用（RIA)對Flash、Silverlight、JavaFX等的依 賴，并且提供更多能有效增強網絡應用的API。

HTML 的上一個版本誕生于 1999 年。自從那以后，Web 世界已經經歷了巨變。 HTML5 仍處于完善之中。然而，大部分現代瀏覽器已經具備了某些 HTML5 支持。 HTML5 是 W3C 與 WHATWG 合作的結果。

WHATWG 致力于 web 表單和應用程序，而 W3C 專注于 XHTML 2.0。在 2006 年，雙方決定進行合作，來創建一個新版本的 HTML。 為 HTML5 建立的一些規則：

• 新特性應該基于 HTML、CSS、DOM 以及 JavaScript。

• 減少對外部插件的需求（比如 Flash）

• 更優秀的錯誤處理 ? 更多取代腳本的標記

• HTML5 應該獨立于設備

• 開發進程應對公眾透明

新特性

HTML5 中八大新特性：

• 語義（article、footer、header、nav、section...）

• 用于媒介回放的 video 和 audio 元素

• 對本地離線存儲的更好的支持

• 三維、圖形與特效

• 設備通用

• 性能與集成

• 連接

• CSS3

瀏覽器支持

最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 將支持某些 HTML5 特性。

HTML 5 語義（二）

HTML5 引入了新的HTML 元素，通過使用這些元素，開發者可以更細致的描述文檔結構，讓文檔更加易讀，搜索引擎也能更好的理解頁面中各部分間的關系，我們也可以搜索到更快，更準確的信息。

整套視頻標題如圖：

需要學習視頻的請關注微信公眾號：java學習（javaxxf）

謝謝支持請 轉發給身邊需要的朋友

、易用性及代碼簡潔性

HTML5賦予網頁更好的意義和結構。新的HTML標簽像<header>, <footer>，<nav>，<section>， <aside>等等，使得閱讀者更加容易去訪問內容。使用新的語義學的定義標簽，你可以更好的了解HTML文檔，并且創建一個更好的使用體驗。

ARIA是一個W3C的標準主要用來對HTML文章中的元素指定“角色“，通過角色屬性來創建重要的頁面地形例如,header，footer，navigation或者aritcle很有必要。這一點曾經被忽略掉了并且沒有被廣泛使用，因為事實上并不驗證。然而，HTML5將會驗證這樣屬性。同時，HTML5將會內建這些角色并且無法不覆蓋。

二、本地存儲特性

HTML5中最酷的特性就是本地存儲。有一點像比較老的技術cookie和客戶端數據庫的融合。它比cooke更好用因為支持多個windows存儲，它擁有更好的安全和性能，即使瀏覽器關閉后也可以保存。

因為它是個客戶端的數據庫，你不用擔心用戶刪除任何cookie，并且所有主流瀏覽器都支持。

本地存儲對于很多情況來說都不錯， 它是HTML5工具中一個不需要第三方插件實現的。能夠保存數據到用戶的瀏覽器中意味你可以簡單的創建一些應用特性例如：保存用戶信息，緩存數據，加載用戶上一次的應用狀態。如果你對本地存儲有興趣，你可以看看這些文章

三、設備兼容特性（跨瀏覽器）

從Geolocation功能的API文檔公開以來，HTML5為網頁應用開發者們提供了更多功能上的優化選擇，帶來了更多體驗功能的優勢

這里有很多的meta標簽允許你優化移動：

viewport: 允許你定義viewport寬度和縮放設置
全屏瀏覽器： ISO指定的數值允許Apple設備全屏模式顯示
Home screen icons: 就像桌面收藏，這些圖標可以用來添加收藏到IOS和Android移動設備的首頁

四、網頁媒體特性更好的支持音、視頻

支持網頁端的Audio、Video等多媒體功能；在發布HTML5之前你需要使用<embed>和<object>標簽，并且為了它們能正確播放必須賦予一大堆的參數。你的媒體標簽將會非常復雜，大堆得令人迷惑的代碼。而且HTML5視頻和音頻標簽基本將他們視為圖片：<video src=""/>。但是其它參數例如寬度和高度或者自動播放呢？不必擔心，只需要像其它HTML標簽一樣定義：<video src=”url” width=”640px” height=”380px” autoplay/>。

<video src="movie.ogg" controls="controls">

您的瀏覽器不支持 video 標簽。

</video>

五、三維、圖形及特效特性

基于SVG、Canvas、WebGL及CSS3的3D功能，用戶會驚嘆于在瀏覽器中，所呈現的驚人視覺效果，用戶使用<canvas>可以開發游戲。<canvas>元素本身不具備繪制能力，依靠腳本來完成

當然HTML5還有諸多特性，以上簡單的總結了一些。更多特效及用法參考w3school提供的手冊；現在網絡上HTML5相關的視頻教程數不勝數。極客還有慕課都是很不錯的

需要幫助可以關注公眾號：伙拼學習