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