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

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

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

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

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

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

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

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

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

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

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

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

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

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

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