2HTML5APPCache及本地存儲基于HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動時間，更快的聯(lián)網(wǎng)速度3設(shè)備兼容HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口使外部應(yīng)用可以與瀏覽器內(nèi)部的數(shù)據(jù)直接相連4連接特性更有效的連接。

全屏API full Screen 獲取MediaAPIgetUserMedia 電池API battery 資源預(yù)加載APIlink Prefetching Page Visibility 頁面可見性API 該API可以用來檢測頁面對于用戶的可見性，即返回用戶當(dāng)前瀏覽的頁面或標(biāo)簽tap的狀態(tài)變化。

手機(jī)中的方位軸 在Web應(yīng)用中調(diào)用手機(jī)陀螺儀接口搖一搖使用DeviceOrientation事件， 本質(zhì)是計(jì)算偏轉(zhuǎn)角測試中發(fā)現(xiàn)有些設(shè)備不支持ifwindowDeviceOrientationEvent $windowon#39deviceorientation#39， functione if。

1后端將數(shù)據(jù)輸出到HTML頁面，在JS控制邏輯中需要訪問數(shù)據(jù)時可以從HTML中取得2定義前后端請求的接口，一般是AJAX接口，如果存在跨域問題或一些特殊的業(yè)務(wù)場景，可能也會使用JSONP或者其他方式，總之，不論是何種方式請求。

HTML5中可以通過localStorage數(shù)據(jù)與JSON對象的轉(zhuǎn)換，快速實(shí)現(xiàn)存儲更多數(shù)據(jù)的功能將localStorage數(shù)據(jù)轉(zhuǎn)成JSON對象，需要調(diào)用JSON對象的parse方法，JSONparsedata其中data就是localStorage對象獲取的數(shù)據(jù)，調(diào)用該方法將返回一個。

我們首先在頁面定義要展示地理位置的div，分別定義id#baidu_geo和id#google_geo我們只需修改關(guān)鍵函數(shù)showPosition先來看百度地圖接口交互，我們將經(jīng)緯度信息通過Ajax方式發(fā)送給百度地圖接口，接口會返回相應(yīng)的省市區(qū)街道。

除了原先的DOM接口，HTML5增加了更多API，如1 用于即時2D繪圖的Canvas標(biāo)簽2 定時媒體回放3 離線數(shù)據(jù)庫存儲4 文檔編輯5 拖拽控制6 瀏覽歷史管理。

總的來說，這些與結(jié)構(gòu)有關(guān)的改進(jìn)使內(nèi)容創(chuàng)建者可以創(chuàng)建更干凈，更容易管理的網(wǎng)頁，這樣的網(wǎng)頁對搜索引擎，對讀屏軟件等更為友好新應(yīng)用程序接口API除了原先的DOM接口，HTML5增加了更多API，如1 用于即時2D繪圖的Canvas標(biāo)簽2 定時媒體。

技術(shù)要點(diǎn)1重要標(biāo)記 定義和用法 標(biāo)簽定義視頻，比如電影片段或其他視頻流標(biāo)記定義和用法 標(biāo)簽定義聲音，比如音樂或其他音頻流2程序接口 除了原先的DOM接口，HTML5增加了更多API，如1用于即時2D繪圖的Canvas。

網(wǎng)頁技術(shù)的發(fā)展和進(jìn)步，使得網(wǎng)頁的功能朝著越來越豐富的方向發(fā)展，網(wǎng)頁計(jì)算機(jī)設(shè)計(jì)技術(shù)也在這樣的情況下得以不斷融合比如HTML5與CSS3兩者之間的融合，為網(wǎng)頁設(shè)計(jì)打開了全新的局面，有利于提升網(wǎng)頁設(shè)計(jì)的效益因此，積極探究HTML5與CSS3的在網(wǎng)。

它包括一系列標(biāo)簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個邏輯整體HTML是由HTML命令組成的描述性文本，可以解釋文字圖形動畫聲音表格鏈接等Html是一種用來描述網(wǎng)頁的語言它被稱為超文本標(biāo)記。

簡單說html5是html的最新標(biāo)準(zhǔn) ，體現(xiàn)在新標(biāo)簽，新css標(biāo)準(zhǔn)，新js接口 bootstrap是基于html5技術(shù)的一個好用的前端代碼框架，可以簡單的復(fù)制粘貼，修修改改做一個漂亮頁面 響應(yīng)式設(shè)計(jì)是一種設(shè)計(jì)實(shí)現(xiàn)理念 ，css3的meida query。

設(shè)備兼容特性 Class DEVICE ACCESS從Geolocation功能的API文檔公開以來，HTML5為網(wǎng)頁應(yīng)用開發(fā)者們提供了更多功能上的優(yōu)化選擇，帶來了更多體驗(yàn)功能的優(yōu)勢HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口使外部應(yīng)用可以直接與。

HTML5為什么如此受歡迎主要因?yàn)樗旧淼膬?yōu)勢HTML5的主要優(yōu)勢如下1基于HTML5強(qiáng)大的兼容性因?yàn)镠TML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口，使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連，例如視頻影音可直接與。

微信公眾平臺本身沒有這個存儲空間，所以就需要有個服務(wù)器或者第三方托管來承載制作好的html5頁面1通常微信都有第三方合作平臺，直接調(diào)用第三方接口，然后將html5和頁面素材統(tǒng)一打包上傳到第三方服務(wù)端2倘若有服務(wù)器空間。