html5和html的區(qū)別

（1）HTML5支持SVG，畫布和其他虛擬矢量圖形，而在HTML中，只有將它與Flash，Silver-light等不同技術(shù)結(jié)合在一起才能使用矢量圖形。

成都創(chuàng)新互聯(lián)企業(yè)建站,十余年網(wǎng)站建設(shè)經(jīng)驗，專注于網(wǎng)站建設(shè)技術(shù)，精于網(wǎng)頁設(shè)計，有多年建站和網(wǎng)站代運營經(jīng)驗，設(shè)計師為客戶打造網(wǎng)絡(luò)企業(yè)風(fēng)格，提供周到的建站售前咨詢和貼心的售后服務(wù)。對于網(wǎng)站建設(shè)、網(wǎng)站設(shè)計中不同領(lǐng)域進行深入了解和探索，創(chuàng)新互聯(lián)在網(wǎng)站建設(shè)中充分了解客戶行業(yè)的需求，以靈動的思維在網(wǎng)頁中充分展現(xiàn)，通過對客戶行業(yè)精準(zhǔn)市場調(diào)研，為客戶提供的解決方案。

（2）HTML5使用Web SQL數(shù)據(jù)庫，可用于臨時存儲數(shù)據(jù)但在HTML中只有瀏覽器緩存才可用于此目的。

（3）HTML5支持新的表單控件，例如：日期和時間，電子郵件，數(shù)字，范圍，電話，網(wǎng)址，搜索等。

（4）HTML 5是否允許音頻和視頻控件以及標(biāo)簽，HTML不允許音頻audio和video video標(biāo)簽。

（5）在HTML 5中，Doctype聲明非常簡單易用，Doctype聲明在HTML中太長且復(fù)雜

（6）charset，async和ping的屬性是HTML 5的一部分，HTML中不存在charset，async和ping等屬性

（7）增強了對Web應(yīng)用程序功能的支持：在HTML5允許瀏覽器作為應(yīng)用程序平臺運行不需要使用任何基于JS或Flash的方法，因為HTML5中固有的元素提供了所有功能。

（8）新增加的menu和menuitem元素是互動元素規(guī)格的成分，但不經(jīng)常使用或開發(fā)者社區(qū)津津樂道。但是，這兩個項目可用于確保增強的Web交互menu性。為簡單起見，標(biāo)簽用于表示移動和桌面應(yīng)用程序中的菜單命令。

《HTML5WebSocket權(quán)威指南》epub下載在線閱讀全文，求百度網(wǎng)盤云資源

《HTML5WebSocket權(quán)威指南》（VanessaWang/FrankSalim/PeterMoskovits）電子書網(wǎng)盤下載免費在線閱讀

鏈接:

提取碼: 6p3m ?

書名:HTML5WebSocket權(quán)威指南

豆瓣評分:7.0

作者:VanessaWang/FrankSalim/PeterMoskovits

出版社:?機械工業(yè)出版社

譯者:?姚軍

出版年:?2014-3

頁數(shù):?193

內(nèi)容簡介:

《HTML5 WebSocket權(quán)威指南》是HTML5 WebSocket領(lǐng)域最權(quán)威的著作之一，它系統(tǒng)、全面地講解了HTML5 WebSocket的各個方面，是Web開發(fā)人員和架構(gòu)師學(xué)習(xí)WebSocket的最佳選擇。書中討論了基于WebSocket的架構(gòu)師如何減少不必要的網(wǎng)絡(luò)開銷和延遲層，如何通過WebSocket對廣泛使用的協(xié)議（如XMPP和STOMP）進行分層，如何保護WebSocket連接和在企業(yè)部署基于 WebSocket的應(yīng)用程序。主要內(nèi)容包括： WebSocket API和協(xié)議、WebSocket協(xié)議通信的例子、WebSocket的安全性和企業(yè)部署、內(nèi)置即時通信和聊天應(yīng)用程序的WebSocket與XMPP、通過WebSocket的STOMP實現(xiàn)發(fā)布/訂閱消息傳遞協(xié)議，以及用遠程幀緩沖協(xié)議實現(xiàn)VNC。

作者簡介:

vanessa wang，html5領(lǐng)域的布道者和實踐者，熱衷于html5和websocket的研究，是舊金山html5用戶組的聯(lián)合組織者，負(fù)責(zé)組織html5和相關(guān)技術(shù)的社區(qū)活動．vanessa目前是kaazing公司的技術(shù)出版經(jīng)理，15年來一直堅持撰寫技術(shù)文章。kaazing是一家軟件公司，旨在使用新的websocket標(biāo)準(zhǔn)改進企業(yè)和客戶通過web通信的方式。寫作之余，她喜歡打跆拳道、騎自行車和拉大提琴。

frank salim，google公司資深軟件工程師，擁有pomona學(xué)院的計算機科學(xué)學(xué)位。曾經(jīng)是kaazing公司最早的工程師之一，協(xié)助建立了websocket網(wǎng)關(guān)和客戶端策略。2010年，frank與人合著了《pro html5 programming》(apress)一書。編程之余，他喜歡閱讀、繪畫和單排輪滑。

peter moskovits，kaazing公司實時解決方案負(fù)責(zé)人。peter與架構(gòu)師和開發(fā)人員社區(qū)緊密協(xié)作，構(gòu)建和部署最好的web解決方案。在加入kaazing之前，peter擔(dān)任過多種產(chǎn)品的管理工作，并曾經(jīng)負(fù)責(zé)oracie的門戶產(chǎn)品策略．peter經(jīng)常在會議和業(yè)界活動上發(fā)表演講，包括goto、yow!、javaone、oracle openworld、html5deconf、devcon5和各種用戶組會議。他還是《oracle webcenter 11g handbook》的合著者。

國內(nèi)幾款比較好用的html5頁面制作工具有哪些？

HTML5被看做是Web開發(fā)者創(chuàng)建流行web應(yīng)用的利器，增加了對視頻和Canvas 2D的支持。用HTML5的優(yōu)點主要在于，這個技術(shù)可以進行跨平臺的使用。比如你開發(fā)了一款HTML5的游戲，你可以很輕易地移植到UC的開放平臺、Opera的游戲中心、Facebook應(yīng)用平臺，甚至可以通過封裝的技術(shù)發(fā)放到App Store或Google Play上，所以它的跨平臺性非常強大，這也是大多數(shù)人對HTML5有興趣的主要原因。今天,我將為大家推薦幾個主流的HTML5開發(fā)工具。

1、Sublime Text

Sublime Text是一個跨平臺的代碼編輯器，同時支持Windows、Linux、Mac OS X等操作系統(tǒng)，也是HTML的文本編輯器。

Sublime Text具有漂亮的用戶界面和強大的功能，主要功能包括：拼寫檢查、書簽、完整的 Python API 、Goto 功能、即時項目切換、多選擇、多窗口等等。

2、Dreamweaver cc

Dreamweaver是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，擁有可視化編輯界面，支持代碼、拆分、設(shè)計、實時視圖等多種方式來創(chuàng)作、編寫和修改網(wǎng)頁，初學(xué)HTML5的人可以無需編寫任何代碼就能快速創(chuàng)建Web頁面。

3、Adobe Edge

Adobe Edge是一款新型網(wǎng)頁互動工具，允許設(shè)計師通過HTML5、CSS和Java制作網(wǎng)頁動畫。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構(gòu)一致性。

4、WebStorm

WebStorm是一款Java開發(fā)工具，WebStorm具有的優(yōu)勢是：智能的代碼補全、代碼格式化、html提示、聯(lián)想查詢、代碼重構(gòu)、代碼檢查和快速修復(fù)、代碼調(diào)試、代碼結(jié)構(gòu)瀏覽、代碼折疊、包裹或者去掉外圍代碼。

5、HBuilder

HBuilder，即Html Builder的縮寫，Builder是建造者的意思。HBuilder是一個極客工具，追求無鼠標(biāo)的極速操作，不管是敲代碼的快捷設(shè)定，還是操作功能的快捷設(shè)定，都融入了效率第一的設(shè)計思想。

6、visual studio code

一個運行于Mac OS X、Windows和 Linux 之上的，針對于編寫現(xiàn)代Web和云應(yīng)用的跨平臺源代碼編輯器。該編輯器也集成了所有一款現(xiàn)代編輯器所應(yīng)該具備的特性，包括語法高亮，可定制的熱鍵綁定，括號匹配以及代碼片段收集。

7. DevExtreme

DevExtreme Complete Subion是性能比較好的的HTML5、CSS和Java移動開發(fā)框架，可以直接在Visual Studio集成開發(fā)環(huán)境，構(gòu)建iOS、Android、Tizen和Windows Phone 8應(yīng)用程序。DevExtreme包含 PhoneJS 和 ChartJS 兩個原生UI組件，并且提供源代碼。目前，DevExtreme支持VS2010/2012/2013集成開發(fā)環(huán)境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移動平臺，是Visual Studio開發(fā)人員開發(fā)跨平臺移動產(chǎn)品的首選工具。

8. Sencha Architect

在開發(fā)移動和桌面應(yīng)用的工具中，Sencha的定位是HTML5可視化應(yīng)用開發(fā)。開發(fā)團隊可以在一個單一集成的環(huán)境中完成應(yīng)用的設(shè)計、開發(fā)和部署。開發(fā)者還可以開發(fā)Sencha Touch2和Ext JS4 Java應(yīng)用，并實時預(yù)覽。

開發(fā)工具的選擇，可以說是開發(fā)者社區(qū)中一個經(jīng)久不衰的話題，現(xiàn)今編輯器的數(shù)量數(shù)不勝數(shù)，vim、sublime Text,Emacs,Atom等等，那么對于一個開發(fā)者而言，挑選一個合適的編輯器是可以有效的提高編程效率;那么以上是我為大家推薦的幾款開發(fā)工具啦，大家可根據(jù)自己的喜好選擇哦！

未來是 HTML 5 還是 Flash 的時代？

我曾經(jīng)從事了15年的Flash和HTML相關(guān)工作，我經(jīng)歷過。這是鄙人的親身經(jīng)歷，1999年開始接觸Flash技術(shù)，2000年向Macromedia提交了Flash AS1的Math相關(guān)算法而成為beta tester，2003年是Macromedia Flash的dev volunteer, 2004年成為Macromedia在中國的第一個技術(shù)員工，2005年，Adobe并購Macromedia結(jié)束，進入Adobe做工程師，2008成為Flash Video與Flash Media Server的大客戶技術(shù)經(jīng)理，2009年成為Flash Platform Evangelist，2014年離開Adobe前，除了Flash，也參與了Adobe HTML5系列技術(shù)工具的相關(guān)工作。2. 我現(xiàn)在是一家做HTML5技術(shù)公司白鷺引擎的技術(shù)合伙人，管理這家公司的研發(fā)團隊，每天的工作都跟HTML5的Web技術(shù)相關(guān)。3. 這個時間點回答這個問題貌似最好，因為一切答案正在浮出水面。好了，回到答題本身。我本人對于Flash和HTML5兩個技術(shù)領(lǐng)域的觀點判斷大致如下：Flash已經(jīng)走入軟件生命周期的末期，但它仍頗具價值。Flash不論當(dāng)初多么輝煌，在它的生命周期里從未真正贏得移動領(lǐng)域。HTML5已經(jīng)重回軌道，未來取勝的關(guān)鍵則在移動領(lǐng)域。雖然HTML5已經(jīng)重回軌道，但要達到高度完善的技術(shù)普及狀態(tài)，它必須進行幾方面的突破。Flash已經(jīng)走入軟件生命周期的末期，是的，萬物皆有始終，更何況Flash。1994年4月10日到今日，F(xiàn)lash已經(jīng)有21歲。21歲對于一個人而言，正屬風(fēng)華絕代之年，但是在軟件領(lǐng)域里，存活21年實在算的上是一個老家伙了。說到衰落，必然要提崛起。21年的過程中，F(xiàn)lash經(jīng)歷了三次成功高峰，分別是1999年的網(wǎng)絡(luò)動畫時代，2005年的Flash Video時代與2008年的Web Game時代。這三次互聯(lián)網(wǎng)領(lǐng)域的高峰，全部都被Flash趕上（不得不說命好運也好），并且這三次成功，引領(lǐng)了Flash在生命周期中的一次又一次產(chǎn)品形態(tài)上的變化。Flash Animation的流行引領(lǐng)了Flash的第一次成功，1999年，借著第一波互聯(lián)網(wǎng).com的熱潮，由于當(dāng)時HTML技術(shù)功能上的羸弱，大量被人所稱道的Banner，動畫，MTV都是借助Flash創(chuàng)作而來，這些充滿神奇的交互效果充斥了每個網(wǎng)站，F(xiàn)lash在網(wǎng)頁動畫創(chuàng)作領(lǐng)域開始快速崛起。我當(dāng)時的雇主美國Macromedia公司旗下的Flash，Dreamweaver和Fireworks被國人親切的叫做網(wǎng)頁三劍客，當(dāng)時我主要泡閃客帝國（前身是邊城浪子的回聲資訊）和藍色理想這兩個Flash開發(fā)者聚集的論壇。2004年，借助著前幾年Flash所取得的成績，Macromedia公司被Adobe公司以34億美金收購。2005年，F(xiàn)lash有史以來最重要的版本之一Flash 8（codename:8 ball)登場，這一版本里集成了2個最重要的功能，其中一個功能引領(lǐng)了后來YouTube和優(yōu)酷土豆視頻網(wǎng)站的成功，就是Flash Player里集成了Sorenson Spark H.263(VP6)的視頻解碼功能，而另一個功能為以后Flash可以創(chuàng)作更精彩的Web Game埋下伏筆，就是Bitmap和Bitmapdata位圖操作的實現(xiàn)。2008年，F(xiàn)lash又“幸運”的趕上了社交游戲的浪潮，隨著Zynga和Facebook的大獲成功，F(xiàn)lash在社交游戲的技術(shù)領(lǐng)域獨領(lǐng)風(fēng)騷，之后的Stage3D技術(shù)又讓Flash徹底統(tǒng)治PC網(wǎng)頁游戲領(lǐng)域。在Flash最為巔峰的這么多年內(nèi)，任何其他類似的技術(shù)都沒有在與Flash競爭上勝出，期間也出現(xiàn)過若干“Flash Killer”，包括Silverlight，JavaFX，Lazslo和Unity Player。作為勝出者Flash自然有他的緣由，就是獨一無二高度統(tǒng)一的Flash Player，強大的內(nèi)容設(shè)計開發(fā)工作流，多年積累而成的強大的社區(qū)生態(tài)。水滿則溢，月盈而虧。Flash開始走下坡路業(yè)界都認(rèn)為是從蘋果喬布斯的那篇檄文而起。沒錯，那篇檄文是Flash開始走下坡路的開始，后續(xù)的一系列對Flash的不利消息又接踵而來，都給Flash造成了沉重的打擊。我這里給各位總結(jié)一下Flash由盛轉(zhuǎn)衰的幾個重要事件。它們分別是：蘋果iOS不支持Flash Player.MACOSX系統(tǒng)不提供面向Flash Player的視頻硬件解碼能力調(diào)用。Adobe Flash Player所建立的Open Screen Project(OSP)計劃的推進不佳被終止。

Adobe宣布裁撤Flex團隊，終止Flash Builder開發(fā)計劃，并將Flex項目捐給Apache，這間接促成了Google AngularJS的大獲成功，因為AngularJS的作者就是Flex的核心科學(xué)家。Adobe不再開發(fā)Android系統(tǒng)的Flash Player后續(xù)版本。Adobe宣布終止開發(fā)了80%的ActionScript4.0和AVM3.0項目。Adobe終止了Stage3D的后續(xù)開發(fā)工作。Adobe終止AIR SDK的ANE(Adobe Native Extension)和內(nèi)置Webkit的開發(fā)維護。Adobe裁撤整個中國研發(fā)中心，其中有很多工程師原屬于Flash團隊，其中包括Flash Player，Stage3D，CrossBridge(原Alchemy），骨骼動畫以及Platform Evangelism。（很有趣，其中一部分工程師后來加入了Egret團隊）FireFox曾默認(rèn)關(guān)閉Flash內(nèi)容顯示。（修正：Firefox是因為Flash的一個0-day漏洞默認(rèn)關(guān)閉了Flash內(nèi)容，在修復(fù)后，又重新開啟。來源：Firefox now blocks all versions of Flash Player by default）Google Chrome停用NPAPI的支持，并關(guān)閉PPAPI Flash Player的硬件加速。Google Chrome將Flash內(nèi)容默認(rèn)關(guān)閉。可以說是一系列的壞消息，如果合在一起看，那簡直是壞的不能再壞的消息了，其中很多的決策來自于Adobe自己，這有充分的理由讓我們相信，F(xiàn)lash這個平臺型的技術(shù)已經(jīng)進入了最后的生命周期。但Flash給Web進化帶來了很多有價值的推動。首先，在Flash最為鼎盛的時期，來自Adobe的官方統(tǒng)計，全球有將近200萬的Flash開發(fā)者，這個群體不同于其他語言的開發(fā)者，可以說他們是一個獨特的開發(fā)者群體，我們可以理解他們才是真正的“Full Stack”工程師，會開發(fā)游戲，會制作動畫，會創(chuàng)作富媒體應(yīng)用，甚至很多人還兼修美術(shù)，烹飪和刺繡。從2010年Flash開始走下坡路，這些Flash開發(fā)者陸續(xù)轉(zhuǎn)型，他們成為了后來眾多應(yīng)用和游戲公司的中堅力量，目前市場上大量的Unity，Cocos的手游開發(fā)者，Egret Engine社區(qū)里近一半的HTML5開發(fā)者，甚至是大量的AngularJS和JQueryMobile的開發(fā)者，都來自于原來的Flash社區(qū)。其次，F(xiàn)lash開發(fā)生態(tài)為HTML5標(biāo)準(zhǔn)的進化帶來了大量有借鑒價值的范本模型。Adobe通過Flash Professional工具開放了JSFL擴展；支持了JQuery Mobile和WebGL的輸出，甚至于矢量繪圖的動畫都支持CreateJS的導(dǎo)出；Adobe將全球最流行的骨骼動畫項目之一DragonBones轉(zhuǎn)給了Egret繼續(xù)原生和HTML5版本的開發(fā)工作；Flex項目的主程成為了Google AngularJS的作者；曾經(jīng)流行的Flash游戲框架Flixel的作者后來又參與創(chuàng)作了HTML5游戲框架Phaser；被Adobe捐助給Mozilla組織的AVM2虛擬機的源碼間接驅(qū)動了IonMonkey，SpiderMonkey項目中GC的更新?lián)Q代和Flash轉(zhuǎn)換HTML5項目Shumway的流行；Adobe的ActionScript3.0的語法方式被Egret Engine團隊在HTML5的引擎產(chǎn)品設(shè)計上所借鑒；Stage3D項目后續(xù)促成了Away3D和Minko等原Flash3D項目完美轉(zhuǎn)型HTML5技術(shù)領(lǐng)域。還有很多HTML5相關(guān)的視頻和音頻項目在過去幾年的發(fā)展中大量的融合了Flash相關(guān)的媒體庫來提供更多的功能支持，當(dāng)今大量的HTML5 Video Player都是從原來的Flash領(lǐng)域變換而來。這一切都是Flash技術(shù)帶給當(dāng)今HTML5領(lǐng)域的財富。

html5 移動開源框架有哪些

很久以前整理了篇將手機網(wǎng)站做成手機應(yīng)用的JS框架。時隔一年多，很多新的技術(shù)已經(jīng)出現(xiàn)，下面再來總結(jié)下還有哪些框架是適合面向手機設(shè)備的開發(fā)的。

1、jQuery Mobile

jQuery Mobile 是 jQuery 在手機上和平板設(shè)備上的版本。jQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫，而且會發(fā)布一個完整統(tǒng)一的jQuery移動UI框架。支持全球主流的移動平臺。jQuery Mobile開發(fā)團隊說：能開發(fā)這個項目，我們非常興奮。移動Web太需要一個跨瀏覽器的框架，讓開發(fā)人員開發(fā)出真正的移動Web網(wǎng)站。

2、jQTouch

jQTouch 是一個 jQuery 的插件，主要用于手機上的 Webkit 瀏覽器上實現(xiàn)一些包括動畫、列表導(dǎo)航、默認(rèn)應(yīng)用樣式等各種常見UI效果的 JavaScript 庫。支持包括 iPhone、Android 等手機。

3、DHTMLX Touch

DHTMLX Touch是一個免費的HTML5/JavaScript框架，專門為觸摸屏設(shè)備而優(yōu)化。為您帶來快速開發(fā)工藝精美的移動Web應(yīng)用程序的能力。DHTMLX Touch UI Designer是一個可視化的編輯器用于構(gòu)建移動用戶界面。它能夠幫您以最少的編碼構(gòu)建一流的用戶界面。在其主頁上提供一些示例可以展示DHTMLX Touch強大的用戶界面。包括一個menu app for the iPad (適用于開發(fā)餐廳應(yīng)用) 和Book Shop (一個電子書店應(yīng)用)。

4、Mobilize.js

Mobilize.js是一個開源的HTML5-JavaScript框架用于從任何現(xiàn)在有標(biāo)準(zhǔn)網(wǎng)站快速，簡便地構(gòu)建移動網(wǎng)站。這個框架其實就是將需要在移動設(shè)備上顯示的部分頁面以jQuery Mobile的默認(rèn)主題顯示，而不是實現(xiàn)一個全新完整的移動頁面。Mobilize.js 可用于任意網(wǎng)站，但對于基于WordPress和Sphinx的網(wǎng)站不需要使用該框架轉(zhuǎn)換，因為已經(jīng)有非常多的插件可以使用。

5、The M Project

The-M-Project是另外一個強大的JavaScript框架，它利用HTML5新的特性來更好和更簡便地開發(fā)移動應(yīng)用。這個框架遵循著名的MVC軟件架構(gòu)模式。它還支持離線，所以你的用戶可以在沒有連接網(wǎng)絡(luò)的情況下繼續(xù)操作(當(dāng)下次有連線的時候，再將數(shù)據(jù)同步到服務(wù)器中)。提供優(yōu)秀的文檔(這個項目擁有一個引導(dǎo)新用戶入門的開發(fā)指南)。可以查看提供的示例來對該項目有一個初目的了解。這些示例包括：ToDo App(待辦事項目應(yīng)用) 和 KitchenSink (這個示例包括這個框架提供的所有UI元素)。

6、WebApp.Net

WebApp.Net 提供了很多的 API，因此可以幫助你節(jié)省很多工作了。不需要花時間去進行 Ajax 調(diào)用的編碼，因為已經(jīng)內(nèi)置了，另外還有很多其它內(nèi)置功能，提供了詳細(xì)的文檔和應(yīng)用演示。

7、Wijmo

Wijmo是一個基于jQuery UI的UI部件的套件。Wijmo部件進行了優(yōu)化客戶端Web開發(fā)和利用jQuery的優(yōu)越的性能和易用性的力量。所有的Wijmo部件都配備了20多個主題和支持ThemeRoller。

8、960 Grid on jQuery-Mobile

jquery-mobile-960 是一個用于移動 Web 開發(fā)的網(wǎng)格框架，綜合了 960.gs 的靈活性和 jQuery Mobile 的方便性。它的目的是讓 jQuery Mobile 布局更加的靈活，使得應(yīng)用應(yīng)許在移動終端更加易用。

9、Sencha Touch Framework

Sencha Touch 是世界上第一個基于 HTML5 的移動 Web 開發(fā)框架，支持最新的 HTML5 和 CSS3 標(biāo)準(zhǔn)，全面兼容 Android 和 Apple iOS 設(shè)備，提供了豐富的 WEB UI 組件，可以快速的開發(fā)出運行于移動終端的應(yīng)用程序。Shencha是第一個使用HTML5，CSS和JavaScript并且支持音頻/視頻，本地存儲，圓角，漸變背景以及陰影的開發(fā)框架。

10、NimbleKit

NimbleKit 是為 iOS 設(shè)備構(gòu)建應(yīng)用程序最快速的方式，你不需要知道 Objective-C 或者 iOS SDK，你只需結(jié)合 JavaScript 代碼編寫 HTML 頁面就可以了。

11、Touchy? Boilerplate

Touchy Boilerplate 是一個用來創(chuàng)建移動web app，包括HTML模板，Meta tag等的工具。Touchy可以支持動態(tài)頁面導(dǎo)航，固定頁頭，滾動內(nèi)容，瀏覽歷史記錄等功能。Touchy使用jQuery或者 Zepto.JS。

12、PhoneGap

PhoneGap是一個用基于HTML，CSS和JavaScript的，創(chuàng)建移動跨平臺移動應(yīng)用程序的快速開發(fā)平臺。它使開發(fā)者能夠利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，聯(lián)系人，聲音和振動等，此外PhoneGap擁有豐富的插件，可以以此擴展無限的功能。PhoneGap是免費的，但是它需要特定平臺提供的附加軟件，例如iPhone的iPhone SDK，Android的Android SDK等，也可以和DW5.5配套開發(fā)。使用PhoneGap只比為每個平臺分別建立應(yīng)用程序好一點點，因為雖然基本代碼是一樣的，但是你仍然需要為每個平臺分別編譯應(yīng)用程序。

13、joshfire

Joshfire是一個開源的跨設(shè)備開發(fā)框架，幫助開發(fā)者創(chuàng)建可以在多種設(shè)備上運行的web app。它使用HTML5和JavaScript，并且允許開發(fā)者快速整合本地應(yīng)用和特定的web應(yīng)用。Joshfire可以讓你的應(yīng)用接受鍵盤，鼠標(biāo)，觸摸屏，遙控器等設(shè)備的輸入。Joshfire支持Node.JS。4.Sencha Touch：基于HTML5的移動網(wǎng)頁開發(fā)框架。

14、 Julia

Julia框架由基本CSS3文件、JS庫和各個平臺的運行庫構(gòu)成。不像PhoneGap，Julia不僅僅包含調(diào)用本機代碼的接口層，它還包含 Model-View-Controller(MVC)支持，Delegation支持，OAuth支持，異步數(shù)據(jù)庫存取接口，HTML選擇符(類jQuery調(diào)用接口)，HTML模版(允 許嵌入JS代碼)等應(yīng)用開發(fā)必備的API接口。 基于Julia的應(yīng)用開發(fā)就像網(wǎng)站開發(fā)那么簡單，是的，你終于可以用HTML5開發(fā)一個完整的、跨平臺 的、不亞于本機代碼的、易于維護的移動應(yīng)用了！大幕即將揭曉，讓我們一起進入移動開發(fā)的新時代

15、SproutCore HTML5 Application Framework

SproutCore 是一個 HTML5 移動 Web 開發(fā)框架，它的目標(biāo)是在無需瀏覽器插件的情況下，在瀏覽器中位應(yīng)用程序提供極佳的桌面效果。

16、Titanium

這是一個強大的，健壯的移動Web開發(fā)框架。能夠讓使用現(xiàn)有的HTML, CSS和JavaScript知識來為 iOS和Android平臺開發(fā)原生移動應(yīng)用。作為一個越來越大的移動Web框架，它擁有超過300個的APIs和活躍的開發(fā)者社區(qū)。你從這個社區(qū)中得到每一個開發(fā)人員的幫助。Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能夠與移動設(shè)備的攝像頭和本地文件存儲系統(tǒng)相交互的特性。

17、Lungo.js

Lungo.js 是一個采用HTML5, CSS3 和JavaScript技術(shù)實現(xiàn)的移動Web應(yīng)用程序開發(fā)框架。利用這框架開發(fā)的應(yīng)用程序可運行所有流行的平臺包括：iOS, Android, Blackberry 和 WebOs。它還支持觸摸事件如：tap, double-tap和swipe。整個框架沒有用到任何圖片包括圖標(biāo)，所有都矢量化。可以在這個框架中使用HTML5擁有的一些特性如：WebSQL, 地理位置定位，歷史或設(shè)備方向等。Lungo.js是一個模塊化并且完全可定制的框架。

18、xui.js

有時候你可能需要一個超輕量級的框架，只要擁有用于開發(fā)標(biāo)準(zhǔn)客戶端所需要的功能如：DOM操作，事件處理，Ajax和一些動畫效果。如果是這樣的話，這個框架剛好非常適合你。整個框架采用GZIP壓縮完之后只有4.2 KB。

19、EmbedJS

EmbedJS是一個用于嵌入式設(shè)備的JavaScript框架如：移動電話，TVs、tablets和so forth。EmbedJS強大之處在于，它擁有專門為特定平臺和瀏覽器如iOS, Firefox, Android等提供相應(yīng)的開發(fā)版本。這樣就能夠以最少的代碼，為用戶提供最佳的體驗。而且假如你喜歡自己定制，可以利用其提供的EmbedJS Build tool工具實現(xiàn)。EmbedJS基于Dojo實現(xiàn)，所以你如果熟悉Dojo API語法，那EmbedJS將是你最佳的選擇。

20、zepto.js

zepto.js是一個專為mobile WebKit瀏覽器(如：Safari和Chrome)而開發(fā)的一個JavaScript框架。它標(biāo)榜自己在其簡約的開發(fā)理念，能夠幫助開發(fā)人員簡單、快速地完成開發(fā)交付任務(wù)。更重要的是這個JS框架，是超輕量級的，只有5KB。zepto.js的語法借鑒并且兼容jQuery。

21、Baker

Baker是用來在iPad或者iPhone平臺上發(fā)布交互式的電子書或者電子雜志的HTML5電子書框架。

22、ChocolateChip-UI

ChocolateChip-UI 是一個手機移動 Web 開發(fā)框架，采用 HTML5, WAML, CSS 和 JavaScript等技術(shù)實現(xiàn)。基于 ChocolateChip JavaScript 框架，包含最新的 ChUI.JS 和 ChUI.css.

23、Magazine Grid

Magazine Grid 是一個超現(xiàn)代的 CSS 框架，用于 iPad 和 iPhone 手機，使用類似雜志的設(shè)計風(fēng)格。Magazine Grid 可讓用戶使用 HTML5 元素來組織雜志頁，非常輕量級(4k)，在移動設(shè)備上加載非常快，對老的瀏覽器也支持。

24、Kendo UI

Kendo UI是一個強大的框架用于快速HTML5 UI開發(fā)。基于最新的HTML5、CSS3和JavaScript標(biāo)準(zhǔn)。 Kendo UI包含了開發(fā)現(xiàn)代JavaScript開發(fā)所需要的所有一切，包括：強大的數(shù)據(jù)源，通用的拖拉(Drag-and-Drop)功能，模板，和UI控件。

25、HTML App Host Framework

這是一個用于構(gòu)建基于 Windows Phone 7 的 HTML/JavaScript 托管框架，使用 HTML5 技術(shù)。該框架由支持在標(biāo)準(zhǔn) xap 格式中嵌入 html 應(yīng)用的控件。

如何利用html5開發(fā)android界面

H5開發(fā)安卓界面需要注意以下三點：

（上）包括Android設(shè)備多分辨率的問題，Android中構(gòu)建HTML5應(yīng)用程序基礎(chǔ)

（中）包括Android與JS之間的互動，Android處理JS的警告對話框等，Android中的調(diào)試

（下）包括本地儲存在Android中的應(yīng)用，地理位置的應(yīng)用，離線應(yīng)用的構(gòu)建

進入正題

● Android設(shè)備多分辨率的問題

Android瀏覽器默認(rèn)預(yù)覽模式瀏覽 會縮小頁面 WebView中則會以原始大小顯示

Android瀏覽器和WebView默認(rèn)為mdpi。hdpi相當(dāng)于mdpi的1.5倍 ldpi相當(dāng)于0.75倍

三種解決方式：1 viewport屬性 2 CSS控制 3 JS控制

1 viewport屬性放在HTML的meta中

html代碼：

span style="font-size: x-small;" head

titleExmaple/title

meta name=”viewport” content=”width=device-width,user-scalable=no”/

/head/span

meta中viewport的屬性如下：

span style="font-size: x-small;" meta name="viewport"

content="

height = [pixel_value | device-height] ,

width = [pixel_value | device-width ] ,

initial-scale = float_value ,

minimum-scale = float_value ,

maximum-scale = float_value ,

user-scalable = [yes | no] ,

target-densitydpi = [dpi_value | device-dpi |

high-dpi | medium-dpi | low-dpi]

"

/

/span

2 CSS控制設(shè)備密度

為每種密度創(chuàng)建獨立的樣式表（注意其中的webkit-device-pixel-ratio 3個數(shù)值對應(yīng)3種分辨率）

html代碼：

link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" /

link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" /

link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 0.75)" href="ldpi.css" /

3 JS控制

Android瀏覽器和WebView支持查詢當(dāng)前設(shè)別密度的DOM特性

window.devicePixelRatio 同樣值有3個（0.75,1,1.5對應(yīng)3種分辨率）

JS中查詢設(shè)備密度的方法

js代碼：

if (window.devicePixelRatio == 1.5) {

alert("This is a high-density screen");

} else if (window.devicePixelRation == 0.75) {

alert("This is a low-density screen");

}

Android中構(gòu)建HTML5應(yīng)用

使用WebView控件 與其他控件的使用方法相同 在layout中使用一個WebView標(biāo)簽

WebView不包括導(dǎo)航欄，地址欄等完整瀏覽器功能，只用于顯示一個網(wǎng)頁。

本文名稱：html5社區(qū),css社區(qū)
當(dāng)前鏈接：http://www.chinadenli.net/article46/dseogeg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、網(wǎng)站內(nèi)鏈、企業(yè)網(wǎng)站制作、手機網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)