2015年，微網(wǎng)站建設(shè)及手機(jī)網(wǎng)站建設(shè)html5(簡稱h5)成為互聯(lián)網(wǎng)的主流趨勢。不知道大家是如何理解h5的?想了解h5，先要了解它的前身html和傳言即將被它終結(jié)的flash。

　　2000年左右的前端靜態(tài)網(wǎng)頁格式是html的，僅支持IE、Netscape等幾大主流瀏覽器。簡單地說，利用html中的table標(biāo)簽進(jìn)行基本圖文排版，用javascript腳本(簡稱js，后面會提到)提供比如跑馬燈、打字效果、下拉菜單等簡單動(dòng)畫效果。這些table、js代碼(其實(shí)還有其他)就構(gòu)成了html文檔，傳到服務(wù)器就能在互聯(lián)網(wǎng)上瀏覽。為了彌補(bǔ)js的粗陋?jiǎng)赢嬓Ч袀€(gè)叫flash的精美動(dòng)畫格式挺身而出了。flash不僅能做動(dòng)畫，還能內(nèi)嵌視頻，那時(shí)候做flash的人叫閃客，是個(gè)很羨煞旁人的行業(yè)。

　　在flash動(dòng)畫大行其道的日子里，js動(dòng)畫效果簡直連打醬油都算不上。于是將flash格式作為塊結(jié)構(gòu)插到html代碼里做成網(wǎng)頁，這種搭配持續(xù)了10幾年。中途僅僅將html中的table標(biāo)簽變成了div+css 用來實(shí)現(xiàn)內(nèi)容和樣式的分離(這句看不懂就跳過吧，不是重點(diǎn))。但html+flash的格局是動(dòng)搖不了的：html用來網(wǎng)頁排版，flash做酷炫效果、動(dòng)畫。且不說它兩移動(dòng)端幾乎為0，光說pc端，這兩種格式都有很大缺點(diǎn)：html效果很單調(diào)粗陋，flash無法讓搜索引擎搜索，而且所有瀏覽器不能直接播放，要下載一個(gè)flashplayer的插件才行，最要命的是flash技術(shù)本身也是有問題的。作個(gè)不恰當(dāng)?shù)谋扔?，html+flash就像一個(gè)土的掉渣的實(shí)在人硬生生娶了一個(gè)花瓶式的驚艷美女。

　　到了移動(dòng)互聯(lián)網(wǎng)時(shí)代來臨的2014年，flash在移動(dòng)端的失敗基本上宣布它將退出歷史舞臺，因?yàn)闆]有人愿意采用手機(jī)端和所有蘋果產(chǎn)品不支持的玩意，酷斃變成了苦逼……于是問題出來了：流媒體的空缺誰補(bǔ)?酷炫效果誰補(bǔ)?強(qiáng)大的動(dòng)畫效果誰補(bǔ)?總不能由于移動(dòng)端的普及，反而連累整個(gè)電腦端的互聯(lián)網(wǎng)的效果和動(dòng)畫一下回到解放前吧?

　　好在html5的到來彌補(bǔ)了這一切，而且?guī)缀跛袨g覽器宣布對它的支持，現(xiàn)在主流的IE10+、谷歌chrome、safari、opera、火狐以及各種國內(nèi)瀏覽器等，各種手機(jī)瀏覽器都支持它的所有功能。不僅如此，h5的優(yōu)勢還體現(xiàn)在：

　　1.對流媒體、視頻的支持前所未有，甚至兼容到了手機(jī)版。

　　2.現(xiàn)在的js腳本咸魚翻身，動(dòng)畫效果極其強(qiáng)大!并有了支持矢量的canvas功能，彌補(bǔ)了flash退出后的效果缺失。

　　3.h5的css3樣式，支持響應(yīng)式布局，完成了手機(jī)、電腦、pad端的無縫兼容(自適應(yīng)各種屏幕和設(shè)備)，而以前的html只支持電腦端

　　4.支持各種微傳播的輕app(類似不需要下載的手機(jī)端app，做宣傳專題頁很合適)，這在html時(shí)代想都不敢想的。

　　5.h5和手機(jī)app的數(shù)據(jù)兼容也是無障礙的，很容易通過h5打通各種交互界面、數(shù)據(jù)。這在html時(shí)代更是不敢想的。

　　h5只有兩個(gè)缺點(diǎn)：1).ie9以下的瀏覽器看不到一些酷炫效果，只能提供基本功能，這對兼容性提出了很高的要求。2).開發(fā)成本高得多。

　　微網(wǎng)站及手機(jī)網(wǎng)站建設(shè)html5=css3+javascript，它承載者打通各大瀏覽器、各種瀏覽設(shè)備、蘋果與PC、安卓和windows及ios、app與輕app、微平臺與各種平臺的功能并完全兼容……