一、什么是HTML5
HTML5並不是一門編程語言，也不是一個工具，它只是HTML的升級版本。簡單的說，HTML5其實就是新的頁面標簽庫。
但是如果僅僅如此，那么HTML5就沒有出現的必要了。所以，HTML5除了新的標簽以外，還包括了很多其他新的東西，如畫布，視頻和音頻的播放，本地存儲等等。
這里有HTML5詳細教程,初學者可以一看： http://www.w3school.com.cn/html5/index.asp
二、學了HTML5標簽，就完事了么？
如果你僅僅學會了標簽，那么和普通的網頁沒什么區別。那怎么才能發揮HTML5的優勢？ 答案就是你需要掌握 javascript。HTML5中新鮮玩意：畫布，本地存儲等，都需要用javascript 來操作才玩得轉。
三、掌握上面兩個，我就可以做移動開發了？
沒錯，掌握上面兩個，你就可以做一個HTML5的網站了---是網站，不是APP。
你可以使用HTML5做動畫效果，做好看的報表，在本地存儲數據等等。
利用javascript, HTML5就好像一個富客戶端的平台，看你去如何利用它的特性了 但是，請記住，你做的只是一個網站。也就是說，你必須在瀏覽器中訪問它才行。關掉瀏覽器，你的應用也就結束了。這和安裝在我們手機里的APP程序是有本質區別的。如此WebApp就來了
四、什么是WebApp?
舉個例子吧，易企秀是可以制作H5頁面的，制作出來的H5頁面就是移動端web；如果可以把這個H5頁面打包成app，那就是webapp。本質上都是web，都是利用html、css、js構建的網站，不同的是，webapp利用框架技術等讓你有了在使用App的感覺（比如頁面不跳轉刷新等）
五、如何去做一個WebApp
這方面做的最好的是 HBuilder,http://www.dcloud.io/ ，使用它，你可以使用HTML5快速地創建APP應用程序。
六、什么是HBuilder
它的網站：http://dcloud.io/
如果單從上面的頁面來看，它就是一個開發工具，包含了javascript以及HTML的語法，你用它寫web程序的時候，它會給你自動提示或者補全。從工具的角度來說，這個東西確實不錯，誰能全記住那些關鍵詞呢？但其實，工具只是它的一小部分而已。進入它的文檔部分：http://ask.dcloud.net.cn/docs會發現里面很多項目。下面主要說說這些文檔的閱讀方式。
HBuilder
進入這個項目中，會看到“入門”，“代碼提示”等項目。
這個項目主要介紹的就是HBuilder這個工具怎么用。重要程度基本上和“Eclipse怎么用”差不多。建議看一看。
七、什么是HTML5+
HBuilder所在的組織（公司），制定了HTML5+規范，然后第一個實現了這個規范，這就是HBuilder的核心。HTML5+，它已經可以讓web應用變得幾乎和原生應用一樣快了這個標准的詳細內容請訪問 http://www.html5plus.org/doc/h5p.html
先介紹這些，具體webApp實現內容見下一篇^ ^