記得10多年前在青島網(wǎng)站建設(shè)行業(yè)大家都還再用表格做網(wǎng)頁(yè)，那時(shí)div顯得那么遙遠(yuǎn)，轉(zhuǎn)眼間div已經(jīng)成為青島網(wǎng)站建設(shè)代碼的必需品了，相信用不了多久，HTML5+CSS3也將成為青島網(wǎng)站設(shè)計(jì)的主流方式。

統(tǒng)計(jì)數(shù)據(jù)表明，HTML5在移動(dòng)開(kāi)發(fā)領(lǐng)域擁有高達(dá)68%的市場(chǎng)份額，并且還在穩(wěn)定增長(zhǎng)中。接下來(lái)，讓我們分析一下HTML5的的諸多優(yōu)勢(shì)，看看它是如何成為網(wǎng)頁(yè)/移動(dòng)開(kāi)發(fā)的未來(lái)的。

如果你正在尋找介入移動(dòng)互聯(lián)網(wǎng)的解決方案，那么HTML5可能就是你的菜。一次編寫(xiě)，到處運(yùn)行的編程平臺(tái)不僅僅是程序員和開(kāi)發(fā)者夢(mèng)寐以求的利器，同樣也是混跡互聯(lián)網(wǎng)的企業(yè)和個(gè)人都不容錯(cuò)過(guò)的有力武器。因此，HTML5值得你擁有。最初的HTML5 被用來(lái)構(gòu)建靜態(tài)的目錄和輕量級(jí)的小型網(wǎng)站。然而HTML5在經(jīng)過(guò)一系列的演變之后，逐漸開(kāi)始向不同領(lǐng)域多樣化地發(fā)展，商業(yè)智能，貿(mào)易，游戲，娛樂(lè)，包括移動(dòng)互聯(lián)網(wǎng)。

移動(dòng)設(shè)備的大規(guī)模普及應(yīng)用使得個(gè)人用戶(hù)和企業(yè)用戶(hù)對(duì)移動(dòng)設(shè)備的依賴(lài)性逐步提高，這也使得相關(guān)的科技企業(yè)和開(kāi)發(fā)者在近年不斷強(qiáng)化B2B和B2C領(lǐng)域的技術(shù)支持。不僅僅是移動(dòng)操作系統(tǒng)的前赴后繼，移動(dòng)設(shè)備也呈現(xiàn)出爆發(fā)式增長(zhǎng)，這一切都必須歸功于用戶(hù)在漸漸遠(yuǎn)離桌面，擁抱移動(dòng)互聯(lián)網(wǎng)的趨勢(shì)。

HTML5的語(yǔ)義

從根本上來(lái)說(shuō)，HTML5的出現(xiàn)意味著你將擁有一套新的標(biāo)簽來(lái)增強(qiáng)你的HTML腳本的表現(xiàn)力。傳統(tǒng)的開(kāi)發(fā)者使用創(chuàng)造出大把的標(biāo)簽，并且應(yīng)用到了Header、Footer以及導(dǎo)航欄的代碼中，力圖讓HTML更具生產(chǎn)力，但是這終究是權(quán)宜之計(jì)。很顯然，HTML5提供了新的語(yǔ)義元素標(biāo)簽，可以替代傳統(tǒng)的方式來(lái)完成設(shè)計(jì)。

前所未有的連接能力

HTML5的提速使得實(shí)時(shí)聊天、高性能游戲成為了可能。無(wú)需專(zhuān)門(mén)的視頻插件，直接在瀏覽器中實(shí)現(xiàn)視頻會(huì)議完全不在話(huà)下。

3D特效

過(guò)去，開(kāi)發(fā)者們通常倚賴(lài)Flash/CSS或者JS來(lái)制作動(dòng)畫(huà)，賦予瀏覽器中的網(wǎng)頁(yè)更為突出的視覺(jué)效果。然而HTML5中，內(nèi)置的許多新的標(biāo)簽?zāi)芴娲鼈兺瓿晒ぷ?，尤其是Flash的那部分。這也是專(zhuān)家們開(kāi)始聲稱(chēng)Flash的時(shí)代過(guò)去了的原因所在。此外，HTML5中的一部分新特性還覆蓋了2D圖形、WebGL以及其他。

性能與集成

HTML5可以確保應(yīng)用程序運(yùn)行更快，功能更強(qiáng)大，使得瀏覽器具備多線(xiàn)程的特性。即使是JS腳本在沒(méi)有其他的腳本支持的前提下也無(wú)法達(dá)成同樣的效果。在具備多線(xiàn)程和更快的執(zhí)行效率之后，用戶(hù)無(wú)疑可以在瀏覽器后臺(tái)跑著程序的同時(shí)，還隨意地瀏覽更多的頁(yè)面。

離線(xiàn)應(yīng)用和本地存儲(chǔ)

本地存儲(chǔ)：擔(dān)心在無(wú)法聯(lián)網(wǎng)的時(shí)候數(shù)據(jù)無(wú)法上傳到服務(wù)器？HTML5的離線(xiàn)存儲(chǔ)功能可以替你保存客戶(hù)端的寶貴數(shù)據(jù)，待聯(lián)網(wǎng)之后再行上傳。甚至于這種脫機(jī)保存數(shù)據(jù)，何時(shí)上傳都是完全可控的，這不僅僅提供更大的設(shè)計(jì)空間，也提高了性能。

離線(xiàn)應(yīng)用：創(chuàng)建一個(gè)可以無(wú)需聯(lián)網(wǎng)就能流暢運(yùn)行的本地HTML5應(yīng)用，這難道不暢快么？HTML5的本地離線(xiàn)應(yīng)用與之前最大的差異在于它的體驗(yàn)，它的可用性和易用性得到了極大的提高。將數(shù)據(jù)脫機(jī)存儲(chǔ)在本地緩存，為這種設(shè)計(jì)提供了基礎(chǔ)。

替代Flash

移動(dòng)設(shè)備即將接管未來(lái)的世界了，手持設(shè)備的快速增長(zhǎng)正在論證這一觀點(diǎn)。這意味著移動(dòng)端的瀏覽器正在成為主流，而HTML5作為移動(dòng)端的主要開(kāi)發(fā)工具也同樣推動(dòng)著它的發(fā)展。與此同時(shí)，Adobe也宣布了Flash的死亡，HTML5接管Flash的份額已經(jīng)成了板上釘釘?shù)氖虑椤Ｔ谛∏傻囊苿?dòng)端屏幕上，靈巧的HTML5緊需要簡(jiǎn)單的設(shè)計(jì)就能構(gòu)建出足夠有效的功能，更何況HTML5原生支持的諸多新標(biāo)簽也具備極強(qiáng)的生命力，巧妙搭配之下，可以幫開(kāi)發(fā)者創(chuàng)造更多的可能性。

多媒體的型態(tài)

HTML5毫無(wú)意外地將視頻和音頻都納入到瀏覽器的本地支持中去了，F(xiàn)lash和Silverlight的功能也將因此被替代。此前的HTML版本并不具備這樣的功能，各大科技企業(yè)八仙過(guò)海各顯神通，研發(fā)出一個(gè)又一個(gè)視頻插件來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)的多媒體功能。有些插件做的很不錯(cuò)，但是用戶(hù)這頭的問(wèn)題比較大——他們得安裝一堆插件。當(dāng)然，隨著HTML5的普及，這樣的日子即將一去不復(fù)返，更加省心的瀏覽器體驗(yàn)正向我們迎面走來(lái)。

總結(jié)

當(dāng)然，始終還是有開(kāi)發(fā)商權(quán)衡之下更認(rèn)同本地應(yīng)用的價(jià)值，但是未來(lái)的發(fā)展會(huì)讓他們作出更加明智的選擇。Work smart, not hard。在未來(lái)，Web應(yīng)用必將做好移動(dòng)端兼容，它的運(yùn)行平臺(tái)也必將是一個(gè)支持HTML5的瀏覽器。HTML5就是大勢(shì)所趨。

超過(guò)六成的開(kāi)發(fā)者正在使用HTML5來(lái)構(gòu)建應(yīng)用，而不足兩成的本地應(yīng)用開(kāi)發(fā)者正打算盡可能少地使用本地技術(shù)來(lái)實(shí)現(xiàn)功能和服務(wù)。這個(gè)趨勢(shì)，無(wú)疑是有利于HTML5的發(fā)展的，而且開(kāi)發(fā)者們也越來(lái)越多地將HTML5作為首選平臺(tái)。

對(duì)于像青島這樣的二三線(xiàn)城市，技術(shù)的跟進(jìn)還是比較滯后的，由于人才的缺乏，對(duì)于HTML5+CSS3的開(kāi)發(fā)還是成本偏高的，相信不久的將來(lái)在青島網(wǎng)站建設(shè)中HTML5也能被大眾設(shè)計(jì)師所運(yùn)用。