首先可以肯定,html5(簡稱h5)將在很多年內成為互聯網的主流。那到底什么是h5呢?想了解h5,先要了解它的前身html和被它終結的flash:
2000年左右的前端靜態網頁格式是html的,僅支持ie.NETscape等幾大主流瀏覽器。簡單地說,利用html中的table標簽進行基本圖文排版,用JAVAscript腳本(簡稱js,后面會提到)提供比如跑馬燈、打字效果、下拉菜單等簡單動畫效果。這些table、js代碼(其實還有其他)就構成了html文檔,傳到服務器就能在互聯網上瀏覽了。為了彌補js的粗陋動畫效果,有個叫flash的精美動畫格式挺身而出了。flash不僅能做動畫,還能內嵌視頻,那時候做flash的人叫閃客,是個很酷斃了的行業。更多網站建設和seo案例【www.tpsem.com】
在flash動畫大行其道的日子里,js動畫效果簡直連打醬油都算不上。于是將flash格式作為塊結構插到html代碼里做成網頁,這種搭配持續了10幾年。中途僅僅將html中的table標簽變成了div+css 用來實現內容和樣式的分離(這句看不懂就跳過吧,不是重點)。但html+flash的格局是動搖不了的:html用來網頁排版,flash做酷炫效果、動畫。且不說它兩移動端幾乎為0,光說pc端,這兩種格式都有很大缺點:html效果很單調粗陋,flash無法讓搜索引擎搜索,而且所有瀏覽器不能直接播放,要下載一個flashplayer的插件才行,最要命的是flash技術本身也是有問題的。作個不恰當的比喻,html+flash就像一個土的掉渣的實在人硬生生娶了一個花瓶式的驚艷美女。
到了移動互聯網時代來臨的2014年,flash在移動端的失敗基本上宣布它將退出歷史舞臺,因為沒有人愿意采用手機端和所有蘋果產品不支持的玩意,酷斃變成了苦逼……于是問題出來了:流媒體的空缺誰補?酷炫效果誰補?強大的動畫效果誰補?總不能由于移動端的普及,反而連累整個電腦端的互聯網的效果和動畫一下回到解放前吧?
好在html5的到來彌補了這一切,而且幾乎所有瀏覽器宣布對它的支持,現在主流的ie10+、谷歌chrome、safari、opera、火狐以及各種國內瀏覽器等,各種手機瀏覽器都支持它的所有功能。不僅如此,h5的優勢還體現在:
1.對流媒體、視頻的支持前所未有,甚至兼容到了手機版。
2.現在的js腳本咸魚翻身,動畫效果極其強大!并有了支持矢量的canvas功能,彌補了flash退出后的效果缺失。
3.h5的css3樣式,支持響應式布局,完成了手機、電腦、pad端的無縫兼容(自適應各種屏幕和設備),而以前的html只支持電腦端
4.支持各種微傳播的輕App(類似不需要下載的手機端app,做宣傳專題頁很合適),這在html時代想都不敢想的。
5.h5和手機app的數據兼容也是無障礙的,很容易通過h5打通各種交互界面、數據。這在html時代更是不敢想的。
h5只有兩個缺點:1.ie9以下的瀏覽器看不到一些酷炫效果,只能提供基本功能,這對兼容性提出了很高的要求。2.開發成本高得多。
名字還叫html,和html的簡單排版功能卻有著天壤之別。這,就是馬上,或者正在崛起的html5!
html5=css3+JavaScript,它承載者打通各大瀏覽器、各種瀏覽設備、蘋果與PC、Android/ target=_blank class=infotextkey>安卓和windows及IOS、app與輕app、微平臺與各種平臺的功能并完全兼容……寫這種代碼的人叫前端設計師,現在是炙手可熱的行業。