你可能不知道的5個功能強大的 HTML5 API

　　HTML5 新增了許多重要的特性，像 video、audio 和 canvas 等等，這些特性使得能夠很容易的網頁中包含多媒體内容，而不需要任何的插件或者 API。而其它的新元素，例如 section、article、header 和 nav 等則是用來豐富網頁内容。另外還有很多強大的 JavaScript API，下面這5個 HTML5 API 你可能不知道，通過今天這篇文章可以了解一下。

　　Page Visibility API 可以幫助開發者監聽使用者的焦點在哪個頁面頁籤上面以及使用者在選項庫或者視窗之間的移動情況。如果使用合理的話，當焦點不在某個頁面上的時候可以停止一些消耗很大的任務。

　　特别有趣的一個 API，能夠調用電腦的攝像頭，結合 <video> 标簽和 Canvas 就能在浏覽器中拍攝照片了。未來這個 API 将被廣泛用來讓浏覽器和使用者之間互動。

　　顧名思義，這是一個電池 API ，明顯是為移動裝置準備的，用于監控電池的狀态。能夠通過事件監聽電池電量的變化，電池的等級、可用時間等狀态。下面是是示例代碼，可以通過後面的教程連結學習更詳細的使用方法。

　　這個連結預取 API 非常有用，讓開發者可以控制網頁資源在背景安靜的預先加載，這樣使用者在浏覽網站或者使用 Web 應用程式的時候能夠有流暢的使用體驗。可以預加載整個頁面，也可以是單個資源，示例代碼如下：

　　上面這5個 HTML5 API 值得關注，在不久的将來這些 API 将被廣泛的使用，是以越早掌握它們可以幫助你為建構優秀的 Web 應用打下堅實的基礎。通過使用教程可以快速的熟悉這些 API 的基本用法和使用場景，提供的線上示範展示了直覺的應用情況。

<a href="http://www.cnblogs.com/lhb25/archive/2011/06/30/10-jaw-dropping-html5-and-javascript-effects.html" target="_blank">眼花缭亂的 HTML5 和 JavaScript 效果</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/05/09/exciting-online-web-games-built-in-html5.html" target="_blank">分享35款非常優秀的 HTML5 網頁遊戲</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/04/07/1965738.html" target="_blank">九個讓人驚歎的HTML5和JavaScript實驗</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/05/29/impressive-html5-canvas-experiments.html" target="_blank">20個驚豔的 HTML5 Canvas 應用試驗</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/12/21/amazing-examples-of-html5-and-css3.html" target="_blank">12個很炫的 HTML5 和 CSS3 應用示例</a>

歡迎任何形式的轉載，但請務必注明出處。