因為HTML5暫時無法短期內在PC普及，主要方向在使用高端瀏覽器的高端移動設備，所以可以用作開發Android系統的App。但只有Android2.2以上、iOS3.2以上均支持HTML5，兩大平台有望全系列支持HTML5 ，HTML5可以用作離線應用的開發，離線應用就是把需要的資源先緩存到本地，下次再查看時無需聯網。使用HTML5離線應用帶來的好處：提供更快、更簡便的服務，代碼可高度重用，服務發布方便，HTML5主要應用：Web郵箱、Web RSS、Web地圖等服務在無網絡環境的使用，HTML5技術重點關注在動畫、游戲方面，地理定位方面的應用正在崛起，HTML5還被用於改善用戶體驗。HTML5還是一種比較新的技術，我也在探索當中。用html5開發android的app和開發安卓有什么不同呢？android和java都是手機系統，但是html5不支持在java系統內使用。所以你開發android的app和開發java的app是不同的。HTML5 開發APP需要一個開發框架和編譯環境，PhoneGap是一個開源的開發框架，使用HTML5，CSS3和JavaScript來構建跨平台的的移動應用程序。下面介紹PhoneGap環境的搭建，及第一個Web APP。
1、選擇你使用的平台，PhoneGap支持6個平台的開發和編譯：IOS，Android，WebOS(HP),BlackBerry,Symbian。
2、Eclipse 3.4+的安裝根據個人PC環境選擇相應的版本，下載：Eclipse IDE for Java EE Developers x64
3、下載並安裝Android SDK。最新版本：android-sdk_r20-windows。
4、下載並安裝ADT Plugin，最新版本是：ADT-20.0.0.zip。
5、下載最新版本的PhoneGap並解壓，我們將使用其中的Android目錄。
6、編寫第一個HTML5 App
7、Hello橘子博客 在 “/assets/www”目錄中新建文件“index.html”，並粘貼如下代碼：
<!DOCTYPE HTML>
<html>
<head>
<title>
橘子博客
</title>
<script type=”text/javascript” charset=”utf-8″ src=”phonegap.js”></script>
</head>
<body>
<h1>
你好，
橘子博客。
</h1>
</body>
</html>
8、部署到模擬器右鍵單擊項目節點選擇Run As，然后點擊Android Application。Eclipse將要求你選擇一個合適的AVD，如果沒有設置的話，你需要創建一個AVD。
9、部署到設備通過設置手機USB debugging選項，並已將設備連接到電腦。（設置> 應用程序> 開發)。或者直接安裝到手機查看效果。