HTML5移動(dòng)互聯(lián)網(wǎng)開發(fā)
簡(jiǎn)介
現(xiàn)今,HTML5已經(jīng)成為互聯(lián)網(wǎng)的熱門話題之一。2011年的HTML5發(fā)展得非??欤鞔鬄g覽器開發(fā)公司如Google、蘋果、微軟、Mozilla及Opera的最新版本瀏覽器都紛紛支持HTML5標(biāo)準(zhǔn)規(guī)范。在桌面端Web技術(shù)領(lǐng)域,HTML5標(biāo)準(zhǔn)的強(qiáng)大已經(jīng)開始威脅Adobe公司的Flash在Web上的統(tǒng)治地位。然而,在移動(dòng)端Web技術(shù)領(lǐng)域,由于歷史的原因,HTML5標(biāo)準(zhǔn)才剛剛起步,但隨著HTML5和CSS3逐漸興起,其強(qiáng)大的特性在移動(dòng)Web應(yīng)用當(dāng)中得到了非常好的發(fā)揮。
響應(yīng)式web設(shè)計(jì)
移動(dòng)開發(fā)面對(duì)的屏幕尺寸那叫一個(gè)豐富,其中安卓陣營就夠讓人頭痛的。我們?cè)赑C端常用的兩種布局方式就是固定布局和彈性布局,前者設(shè)置一個(gè)絕大多數(shù)電腦能正常顯示的固定寬度居中顯示,后者則采用百分比。關(guān)于這兩者討論的文章很多,有興趣的自己查閱下,我今天要介紹的就是相信你已經(jīng)聽過的”響應(yīng)式布局”,響應(yīng)式布局意味著媒體查詢,這個(gè)在css2就已經(jīng)出現(xiàn)的東西隨著html5、css3的到來又增添了新的生機(jī)。
響應(yīng)式web設(shè)計(jì)并非新的技術(shù),只不過將已有的開發(fā)技巧(彈性布局、彈性圖片和媒體查詢等)整合在了一起,并命了這個(gè)聽起來很牛X的名字——響應(yīng)式web設(shè)計(jì)。猶如當(dāng)年的Ajax一樣,將已有的技術(shù)重新組合發(fā)揮新的作用。
2016年,F(xiàn)lash即將淡出舞臺(tái),HTML5卻在業(yè)內(nèi)火得一塌糊涂。html5是伴隨著微信的火爆而流行開來,社交軟件“微信”作為游戲爆發(fā)時(shí)的載體,曾在H5用戶會(huì)話載體分布中占據(jù)無可匹敵的主要地位。
Web應(yīng)用開發(fā)新標(biāo)準(zhǔn)HTML5,是第五版超文本標(biāo)記語言,于2014年10月由萬維網(wǎng)聯(lián)盟(W3C)發(fā)布為正式推薦標(biāo)準(zhǔn)。它是HTML自問世以來,最有變革價(jià)值的技術(shù)規(guī)范,可以說終成正果。
Web開發(fā)面臨兩種困境:1.不少人質(zhì)疑Flash的安全性等問題,卻找不到替代它的合適插件2.工程師們抱怨PC端和移動(dòng)端應(yīng)用的多次開發(fā),浪費(fèi)大量的時(shí)間和成本,才能在微軟、蘋果、安卓等不同的系統(tǒng)上應(yīng)用。而HTML5提供了良好的解決方案。
與Java、CSS等緊密結(jié)合后,HTML5能使瀏覽器不需要類似Flash的插件也能實(shí)現(xiàn)桌面應(yīng)用的交互效果,它的跨平臺(tái)使用,更令應(yīng)用的一次開發(fā)成為可能,很大的節(jié)約了成本。
舉個(gè)例子,Youtube使用HTML5后,網(wǎng)頁不需要第三方插件就能直接播放音視頻。由此可見,HTML5的興起已經(jīng)具有非常長遠(yuǎn)的意義,它已經(jīng)從簡(jiǎn)單的標(biāo)記語言,令Web應(yīng)用開發(fā)在各行各業(yè)中廣泛應(yīng)用起來。
HTML5應(yīng)用現(xiàn)狀從硬件角度來看,手機(jī)和平板兩種移動(dòng)設(shè)備應(yīng)用最為廣泛,PC端其次,緊接著是數(shù)字電視和游戲設(shè)備以及今年的開始流行的VR。從軟件角度來看,桌面瀏覽器對(duì)HTML5的支持高于移動(dòng)瀏覽器,可以達(dá)到95%;而從整體上而言,移動(dòng)瀏覽器對(duì)HTML5的支持遠(yuǎn)遠(yuǎn)大于桌面瀏覽器。
HTML5行業(yè)發(fā)展的趨勢(shì)伴隨著HTML5興起的是Flash的沒落,HTML5能打敗在多媒體領(lǐng)域稱霸多年的Flash,除了移動(dòng)設(shè)備的跨平臺(tái)性和較好的多媒體支持外,它的應(yīng)用范圍也廣于Flash。比如,F(xiàn)lash動(dòng)畫作品的復(fù)用性極低,基本沒有模板市場(chǎng),而HTML5卻能作為基礎(chǔ)填充材料,用來制作報(bào)紙圖文等模板。
HTML5作為一套新的標(biāo)準(zhǔn),代表著移動(dòng)互聯(lián)網(wǎng)的趨勢(shì)與未來。幾乎所有人都能預(yù)見到它巨大的潛力,但它在各個(gè)領(lǐng)域具體是以怎樣的形態(tài)落地,如何改變?nèi)藗兊纳罨蚴歉淖冃袠I(yè)的業(yè)態(tài),人們卻都在觀望,這需要我們不斷地探索和思考。
究竟HTML5未來發(fā)展如何,它崛起之路的后半程,是靠我們來完成的,如你想從現(xiàn)在開始加入HTML5的從業(yè)者行列,期待你的加入,你今天的決定,將成就你將來的夢(mèng)想。
想起曾經(jīng)的自己,也總因?yàn)檫@些自我詢問疑惑過,后來發(fā)現(xiàn),想得再多,疑惑就更難以解決,反而平添煩惱,浪費(fèi)了很多時(shí)間,還不如不問理由直接去做。
景航網(wǎng)絡(luò)科技