




版權(quán)說(shuō)明:本文檔由用戶(hù)提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
新一代Web技術(shù)的發(fā)展及其應(yīng)用摘要面對(duì)互聯(lián)網(wǎng)發(fā)展的突飛猛進(jìn)以及多媒體應(yīng)用的普及,新一代的Web標(biāo)準(zhǔn)HTML5應(yīng)運(yùn)而生并正加速發(fā)展和完善。本文通過(guò)分析Web技術(shù)的演進(jìn)過(guò)程,闡述了以HTML5為主的新一代Web技術(shù)的發(fā)展?fàn)顩r和應(yīng)用情況。關(guān)鍵詞Web技術(shù)HTML5Web應(yīng)用引言面對(duì)互聯(lián)網(wǎng)發(fā)展的突飛猛進(jìn)以及多媒體應(yīng)用的普及,新一代的Web標(biāo)準(zhǔn)HTML5應(yīng)運(yùn)而生并正加速發(fā)展和完善。它彌補(bǔ)了HTML4在交互、媒體和本地操作等方面的不足,支持當(dāng)前多樣的、復(fù)雜的Web內(nèi)容。不僅能夠取代FLASH等音視頻播放插件,獲得等同本地播放器的操作體驗(yàn),同時(shí)下載更加方便簡(jiǎn)單,并擁有強(qiáng)大的在線(xiàn)2D圖像處理能力和良好的互動(dòng)能力。多種語(yǔ)義化的新標(biāo)簽提高了瀏覽和搜索的速度,在線(xiàn)/離線(xiàn)數(shù)據(jù)存儲(chǔ)和地理位置功能的支持,也更適用于移動(dòng)設(shè)備的應(yīng)用,因此雖然最終標(biāo)準(zhǔn)的形成尚待時(shí)日,但已經(jīng)獲得了瀏覽器廠(chǎng)商和互聯(lián)網(wǎng)企業(yè)的廣泛支持。更重要的是,HTML5的開(kāi)放性和跨平臺(tái)運(yùn)行的特點(diǎn)有望打破少數(shù)廠(chǎng)商對(duì)產(chǎn)業(yè)鏈的壟斷,從而建立起新的應(yīng)用生態(tài)環(huán)境,對(duì)包括設(shè)備、操作系統(tǒng)和應(yīng)用軟件商店在內(nèi)的整個(gè)產(chǎn)業(yè)鏈的發(fā)展具有重大的推動(dòng)作用,因此HTML5的發(fā)展前景受到許多業(yè)內(nèi)巨頭的青睞,被認(rèn)為是未來(lái)互聯(lián)網(wǎng)發(fā)展的一個(gè)重要方向。Web技術(shù)的發(fā)展趨勢(shì)WEB技術(shù)從過(guò)去由網(wǎng)站主導(dǎo)的Web1.0階段到現(xiàn)在由用戶(hù)主導(dǎo)的Web2.0階段,正在向更加個(gè)性智能化的Web3.0時(shí)代快速前進(jìn)。Web1.0階段Web1.0階段互聯(lián)網(wǎng)上的內(nèi)容由網(wǎng)站提供,并且引導(dǎo)用戶(hù)訪(fǎng)問(wèn)他們感興趣的網(wǎng)站。早期的Web網(wǎng)頁(yè)是靜態(tài)的,一次性展現(xiàn)所有內(nèi)容。為了克服靜態(tài)頁(yè)面的不足,編程技術(shù)被引入互聯(lián)網(wǎng)絡(luò)與Web技術(shù)相結(jié)合,從而形成動(dòng)態(tài)頁(yè)面。網(wǎng)絡(luò)編程技術(shù)(ASP,PHP,CGI,JSP)通過(guò)在傳統(tǒng)的靜態(tài)頁(yè)面中加入各種程序和邏輯控制,在網(wǎng)絡(luò)的客戶(hù)端和服務(wù)器端實(shí)現(xiàn)了動(dòng)態(tài)和個(gè)性化的交流與互動(dòng)。雖然有了動(dòng)態(tài)頁(yè)面,但Web1.0階段仍然是由門(mén)戶(hù)網(wǎng)站占主導(dǎo)地位的階段。Web2.0階段Web2.0指的是一個(gè)由用戶(hù)主導(dǎo)來(lái)創(chuàng)造、協(xié)同合作、分享各種資訊與內(nèi)容的開(kāi)放平臺(tái)。Web2.0是網(wǎng)絡(luò)運(yùn)用的新階段,網(wǎng)絡(luò)成為了新的平臺(tái),內(nèi)容因?yàn)槊课皇褂谜叩膮⑴c而產(chǎn)生,所產(chǎn)生的個(gè)人化的內(nèi)容通過(guò)分享形成了現(xiàn)在Web2.0的世界。Web2.0階段以Blog、Wiki、SNS等社交軟件的應(yīng)用為核心。Blog(博客)即網(wǎng)上日記,可以在其中迅速發(fā)布想法、與他人交流以及從事其他活動(dòng)。Wiki(維基百科)是由用戶(hù)編寫(xiě)內(nèi)容和共享內(nèi)容的網(wǎng)站,每個(gè)人都可以發(fā)表自己的意見(jiàn),或者對(duì)共同的主題進(jìn)行擴(kuò)展或者探討,由用戶(hù)共同建設(shè)一個(gè)大百科全書(shū)。SNS(社交網(wǎng)絡(luò)服務(wù))專(zhuān)指旨在幫助人們建立社會(huì)性網(wǎng)絡(luò)的互聯(lián)網(wǎng)應(yīng)用服務(wù)。目前SNS最有代表性的公司是Facebook,它也是只提供開(kāi)放的平臺(tái),而不提供具體的內(nèi)容和服務(wù)。web3.0階段Web3.0階段將是一個(gè)個(gè)性智能化的時(shí)代,無(wú)論使用者使用任何終端,只要打開(kāi)瀏覽器就能進(jìn)入自己的世界,就能看到自己所關(guān)心的內(nèi)容,而不再需要盲目的搜索。世界知名技術(shù)未來(lái)預(yù)言家NovaSpivack認(rèn)為Web3.0是延伸至當(dāng)前各大技術(shù)潮流邁向新的成熟階段的具體體現(xiàn),包括:無(wú)處不在的互聯(lián)網(wǎng)絡(luò)、云計(jì)算、開(kāi)放軟件平臺(tái)和數(shù)據(jù)、\o"語(yǔ)義網(wǎng)"語(yǔ)義網(wǎng)技術(shù)、智能網(wǎng)絡(luò)和智能應(yīng)用程序??傊?,Web3.0將帶給使用者一個(gè)全新的用戶(hù)體驗(yàn)。新一代Web技術(shù)優(yōu)勢(shì)分析增強(qiáng)的標(biāo)記能力HTML5繼承和新增了許多帶有語(yǔ)義性的標(biāo)記,來(lái)加速瀏覽器解釋頁(yè)面中元素的速度。例如新增元素<header>明確告訴瀏覽器此處是頁(yè)頭,<nav>標(biāo)記用于構(gòu)建頁(yè)面的導(dǎo)航,<article>標(biāo)記用于構(gòu)建頁(yè)面內(nèi)容的一部分,<footer>表明頁(yè)面已到頁(yè)腳或根元素部分。同時(shí)能夠提高搜索引擎的效率,比如搜索引擎可以忽略掉通常不包含頁(yè)面重要內(nèi)容的<nav>元素和<footer>元素里的內(nèi)容。全新的交互體驗(yàn)Web頁(yè)面中的交互操作是HTML5新增的一項(xiàng)重要功能,HTML5為此新增了許多對(duì)應(yīng)的交互體驗(yàn)元素。如用于文檔的標(biāo)題、細(xì)節(jié)、內(nèi)容的交互顯示的內(nèi)容交換元素<details>與<summary>,用于菜單交互的菜單元素<menu>與<command>,用于顯示頁(yè)面中各種進(jìn)度狀態(tài)的狀態(tài)元素<progress>與<meter>,這些元素可以在不請(qǐng)求服務(wù)器任何資源的情況下,改變用戶(hù)選擇的內(nèi)容與展現(xiàn)狀態(tài)。完善的表單功能在兼容原有表單功能的基礎(chǔ)上,又增加了許多新的元素類(lèi)型,如email、url、range等。其次,還新增許多新的方法與屬性,如autofocus、placeholder等。另外,數(shù)據(jù)的有效性驗(yàn)證不再依賴(lài)腳本語(yǔ)言,完全可以通過(guò)HTML5自身內(nèi)建機(jī)制實(shí)現(xiàn)。豐富的多媒體元素在HTML5中,新增一個(gè)非常重要的元素canvas。它定義了屏幕上一塊位圖區(qū)域稱(chēng)為畫(huà)布,可以在畫(huà)布上繪制任意圖形(包括導(dǎo)入圖片),可以借助canvas自帶的API,通過(guò)編寫(xiě)JavaScript代碼,控制各種圖形和制作動(dòng)畫(huà)效果。人們將不再需要安裝painter這類(lèi)基本的繪圖軟件,而直接使用基于瀏覽器的應(yīng)用。使用<video>和<audio>標(biāo)簽,將不再需要使用插件或工具即可直接播放視頻和音頻,能夠替代FLASH等外部插件。強(qiáng)大的移動(dòng)支持目前制約web應(yīng)用最大的問(wèn)題在于網(wǎng)絡(luò),有很多地方還沒(méi)有被網(wǎng)絡(luò)信號(hào)所覆蓋,因此web應(yīng)用也就無(wú)法使用。HTML5的離線(xiàn)存儲(chǔ)使得這個(gè)問(wèn)題迎刃而解。HTML5的webstorageAPI采用了離線(xiàn)緩存,會(huì)生成一個(gè)清單文件(manifestfile),這個(gè)清單文件實(shí)質(zhì)就是一系列的URL列表文件,這些URL分別指向頁(yè)面當(dāng)中的HTML,CSS,Javascrpit圖片等相關(guān)內(nèi)容。當(dāng)使用離線(xiàn)應(yīng)用時(shí),應(yīng)用會(huì)引入清單文件,瀏覽器會(huì)讀取下載相應(yīng)的文件,并將其緩存到本地。使得這些web應(yīng)用能夠脫離網(wǎng)絡(luò)使用,而用戶(hù)在離線(xiàn)時(shí)的更改也同樣會(huì)映射到清單文件中,并在重新連線(xiàn)之后將更改返回應(yīng)用。地理位置定位是移動(dòng)通信中的重要應(yīng)用。HTML5通過(guò)提供GeolocationAPI應(yīng)用接口,在用戶(hù)允許的情況下獲取當(dāng)前的地理位置信息,并為用戶(hù)提供其他相關(guān)的信息。獲取地理位置信息后,還可以通過(guò)數(shù)字地圖中的API應(yīng)用接口,將獲取的位置信息標(biāo)記在地圖中,從而實(shí)現(xiàn)在地圖中鎖定位置的功能。新一代Web技術(shù)應(yīng)用情況瀏覽器廠(chǎng)家的廣泛支持是HTML5應(yīng)用的基礎(chǔ)和關(guān)鍵。如圖1所示,國(guó)外媒體Neowin對(duì)主流瀏覽器IE10、Chrome、Firefox、Opera的HTML5支持度做的比較(數(shù)值越高說(shuō)明該瀏覽器對(duì)HTML5標(biāo)準(zhǔn)的支持度越高)。測(cè)試結(jié)果表明,主流瀏覽器已經(jīng)對(duì)HTML5具有良好的支持能力。圖1主流瀏覽器對(duì)HTML5標(biāo)準(zhǔn)的支持度智能終端蘋(píng)果、google、Palm紛紛支持html5。而且蘋(píng)果Safari瀏覽器一經(jīng)推出,就只支持HTML5,將Flash技術(shù)拒之門(mén)外。將應(yīng)用向HTML5遷移是很明智的,因?yàn)镠TML5的快速加載、本地/離線(xiàn)存儲(chǔ)和地理位置獲取將很好地運(yùn)行在移動(dòng)設(shè)備上。在未來(lái)幾年,支持HTML5的移動(dòng)瀏覽器和應(yīng)用將如雨后春筍。桌面領(lǐng)域谷歌Chrome瀏覽器、蘋(píng)果Safari瀏覽器和opera瀏覽器一直對(duì)HTML5有非常出色的支持。例如谷歌聯(lián)合加拿大著名獨(dú)立搖滾樂(lè)團(tuán)ArcadeFire(拱廊之火),共同推出了一個(gè)HTML5互動(dòng)電影《TheWildernessDowntown》,頁(yè)面上的動(dòng)畫(huà)效果皆由HTML5技術(shù)制作,并且融合谷歌地圖和谷歌街景的技術(shù)到電影中,達(dá)到非常震撼的互動(dòng)效果。目前桌面之王微軟的IE10瀏覽器對(duì)HTML5技術(shù)的支持已經(jīng)接近其他的主流瀏覽器,無(wú)疑會(huì)使HTML5的前景更加光明?;ヂ?lián)網(wǎng)電視 GoogleTV以及AppleTV都已支持HTML5?;ヂ?lián)網(wǎng)電視領(lǐng)域擁有大量的終端設(shè)備,可以連接電腦的智能電視的數(shù)量正在不斷增長(zhǎng),已經(jīng)可以在電視上全屏觀看YouTube,而備受歡迎的Wii則內(nèi)置了Opera,Opera推出電視應(yīng)用商店同樣采用HTML5技術(shù)??缙脚_(tái)應(yīng)用商店 Mozilla將在今年推出跨平臺(tái)HTML5應(yīng)用商店,這將是推進(jìn)HTML5成為下一代手機(jī)重要生態(tài)系統(tǒng)中非常重要的一步。通過(guò)利用HTML5開(kāi)源性,構(gòu)建一個(gè)支持臺(tái)式電腦、手機(jī)和平板電腦的平臺(tái),用戶(hù)不管使用什么設(shè)備或操作系統(tǒng)平臺(tái),都可以下載和安裝自己喜歡的應(yīng)用,讓用戶(hù)不再局限于一個(gè)特定的操作系統(tǒng),用戶(hù)只需購(gòu)買(mǎi)一次應(yīng)用即可在任何啟用HTML5的設(shè)備上使用。發(fā)行渠道隨著移動(dòng)互聯(lián)網(wǎng)業(yè)務(wù)的蓬勃興起,人們更愿意使用移動(dòng)智能終端獲取信息和享受音樂(lè),傳統(tǒng)的報(bào)刊業(yè)面臨著前所未有的困境,而將內(nèi)容交給蘋(píng)果的AppStore進(jìn)行發(fā)行,則不得不支付的高額手續(xù)費(fèi)。為了解決發(fā)行渠道的限制,雜志發(fā)行商和音樂(lè)服務(wù)商已涉足HTML5網(wǎng)頁(yè)應(yīng)用開(kāi)發(fā)。英國(guó)《金融時(shí)報(bào)》最近成功開(kāi)發(fā)了HTML5網(wǎng)頁(yè)應(yīng)用,通過(guò)手機(jī)直接訪(fǎng)問(wèn)《金融時(shí)報(bào)》,現(xiàn)在已經(jīng)初見(jiàn)成效,其注冊(cè)用戶(hù)超過(guò)了100萬(wàn),相當(dāng)于其在線(xiàn)網(wǎng)頁(yè)讀者的20%,數(shù)碼版的訂閱量的15%。網(wǎng)絡(luò)游戲HTML5網(wǎng)絡(luò)游戲最大的優(yōu)勢(shì)就是平臺(tái)的兼容性,能夠同時(shí)支持Android、iPhone和WindowsPhone。騰訊旗下的手機(jī)QQ游戲大廳中的歡樂(lè)斗地主、QQ斗地主等,是國(guó)內(nèi)最早的HTML5游戲開(kāi)放平臺(tái)之一,今年磊友科技也推出的大型多人在線(xiàn)策略網(wǎng)游《黎明帝國(guó)》的測(cè)試版。新一代Web技術(shù)面臨的挑戰(zhàn)標(biāo)準(zhǔn)進(jìn)展緩慢由于與W3C在WEB演進(jìn)方向的嚴(yán)重分歧,2004年Opera、Apple、Mozilla組織成立了超文本應(yīng)用技術(shù)工作組(WHATWG)獨(dú)立開(kāi)發(fā)HTML5。W3C于2007年成立HTML5工作組,與WHATWG聯(lián)合開(kāi)發(fā)HTML5。最新的W3C草案發(fā)布時(shí)間是2012年3月29日,計(jì)劃在2012年進(jìn)入候選推薦階段。在W3C的工作流程中,候選推薦階段是可選的,不排斥被廢棄的可能性,預(yù)計(jì)多年之后才能夠成為正式的推薦標(biāo)準(zhǔn)。標(biāo)準(zhǔn)進(jìn)展的嚴(yán)重滯后,給HTML應(yīng)用的發(fā)展帶來(lái)了難以預(yù)料的影響。視頻解碼器標(biāo)準(zhǔn)的分歧由于不同的視頻格式涉及到不同的專(zhuān)利費(fèi)用和版權(quán)問(wèn)題,各大瀏覽器廠(chǎng)商很難達(dá)成一致,視頻解碼器標(biāo)準(zhǔn)已成為蘋(píng)果和谷歌兩大陣營(yíng)爭(zhēng)奪的焦點(diǎn)。蘋(píng)果采用H.264標(biāo)準(zhǔn),受到同樣擁有H.264專(zhuān)利的索尼、富士、三星等公司支持。谷歌采用WebM標(biāo)準(zhǔn),受到Opera、Mozila、Adobe等軟件巨頭和AMD、NVIDIA在內(nèi)的硬件巨頭的支持。這個(gè)問(wèn)題如果不解決,未來(lái)必然要面對(duì)互不支持或者同時(shí)支持多種視頻解碼器的局面。性能瓶頸在性能方面,HTML5與原生應(yīng)用相比仍然有很大的差距。例如與直接調(diào)用圖形庫(kù)文件接口的本地應(yīng)用相比,HTML5網(wǎng)頁(yè)應(yīng)用需要通過(guò)JavaScript來(lái)調(diào)用繪圖API的,性能難免會(huì)有所下降。如果要克服性能的瓶頸,就必須采用硬件加速。但是遺憾的是,主流的瀏覽器對(duì)網(wǎng)頁(yè)的渲染速度和硬件加速還不能夠達(dá)到滿(mǎn)意的效果。兼容性的問(wèn)題由于不同廠(chǎng)商在HTML5具體的實(shí)現(xiàn)上不會(huì)完全一致,因此不同的瀏覽器的適配問(wèn)題一直難以解決,這就意味著現(xiàn)在的HTML5開(kāi)發(fā)者必須反復(fù)測(cè)試,依照主流的瀏覽器的兼容情況開(kāi)發(fā)應(yīng)用,并做好出現(xiàn)問(wèn)題時(shí)的補(bǔ)救方案。由于諸多的不確定因素,目前大型的商業(yè)網(wǎng)站很難很快遷移到HTML5。結(jié)束語(yǔ)HTML5無(wú)疑是當(dāng)前開(kāi)發(fā)者跨手機(jī)、Pad和TV等智能終端上開(kāi)發(fā)業(yè)務(wù)的最好選擇之一,并且HTML5很多特性非常適用于移動(dòng)終端,提升了MobileWeb體驗(yàn),促進(jìn)Web體驗(yàn)App化,因此HTML5在智能終端特別是移動(dòng)智能終端領(lǐng)域會(huì)首先形成突破。無(wú)論是瀏覽器廠(chǎng)商,還是互聯(lián)網(wǎng)企業(yè)都已經(jīng)在HTLM5做了重要部署,HTML5的流行將是大勢(shì)所趨,HTML5具有廣闊的發(fā)展前景。參考文獻(xiàn)WiKi維基百科吳軍浪潮之巔電子工業(yè)出版社2011陶國(guó)榮HTML5實(shí)戰(zhàn)機(jī)械工業(yè)出版社2012OnDevelopmentsandApplicationsoftheNewGenerationofWebTechnologyAbstractFacedwiththerapiddevelopmentoftheInternetandthepopularityofmultimediaapplications,anewg
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 汽油機(jī)技術(shù)講解
- 投標(biāo)文件技術(shù)標(biāo)
- 秋季衛(wèi)生教育實(shí)施要點(diǎn)
- 山東省文登市大水泊中學(xué)2026屆高一化學(xué)第一學(xué)期期末統(tǒng)考試題含解析
- 膝關(guān)節(jié)疾病的預(yù)防與治療
- 眩暈癥中醫(yī)護(hù)理
- 醫(yī)院周年慶方案
- 音樂(lè)酒吧工作匯報(bào)
- 嫌疑人x的獻(xiàn)身日版
- 團(tuán)日活動(dòng)評(píng)比展示方案
- 文檔管理系統(tǒng)方案
- 運(yùn)用PDCA降低I類(lèi)切口感染率模板課件
- 特種設(shè)備安全管理課件-電梯安全知識(shí)
- 車(chē)輛轉(zhuǎn)讓合同電子版下載可打印
- 深圳填海工程施工實(shí)施方案
- BB/T 0023-2017紙護(hù)角
- 建設(shè)集團(tuán)有限公司安全生產(chǎn)管理制度匯編
- 行為習(xí)慣養(yǎng)成教育校本教材
- 疫苗運(yùn)輸溫度記錄表
- logopress3培訓(xùn)視頻教程整套模具大綱
- DB32-T 2945-2016硬質(zhì)合金刀具PVD涂層測(cè)試方法-(高清現(xiàn)行)
評(píng)論
0/150
提交評(píng)論