DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> Web前端技術進化論 HTML 5時代來臨
Web前端技術進化論 HTML 5時代來臨
編輯:CSS詳解     

今年MIX10大會上微軟的工程師在介紹IE9時,從前端技術的角度把互聯網的發展分為三個階段:第一階段是Web 1.0的以內容為主的網絡,前端主流技術是Html和CSS,第二階段是Web 2.0的AJax應用,熱門技術是Javascript/DOM/異步數據請求,第三階段是即將迎來的Html 5時代,亮點是富圖形和富媒體內容(Graphically-Rich and Media-Rich)。

51CTO推薦專題: Html 5 下一代web開發標准

Web 2.0時代把大量服務從桌面轉移到網絡上,B/S架框的應用迅速流行起來,這個時期AJax和Javascript框架得到廣泛的應用。網站成為提供Web服務的主要形式,但隨著智能手機和3G網絡的普及,手機應用和手機上的Web應用將會成為新的產品形態。原有的互聯網產品需要對各種形式的終端提供友好的展現形式。

比如豆瓣電台(douban.fm)目前就有網頁版、iPhone版、android版、不久還會看到HTML 5版和桌面版。網絡逐漸變成一個傳輸和存儲數據的透明倉庫,向不同形式的產品終端輸送數據。而且這個數據內容將會非常豐富,這就是微軟眼中的富圖形和富媒體內容,所以,IE9必須、也不得不支持SVG和Html 5的Video和Audio。

蘋果推出iPad無疑又是一場革命,在擁有更大的多點觸摸屏幕的終端上跑智能手機系統,把硬件成本降到一個足夠低的程度,我想iPad和類似的平板電腦將會流行起來。同時也意味著,產品前端又增加一種形態。

PC上的Web應用受浏覽器歷史原因的束縛太大,在國內IE6等低端浏覽器目前仍占據絕大多數的市場份額。因此這些不稱職的平台需要靠第三方插件來彌補先天的不足,像Flash/Flex、Silverlight、JavaFx等,包括Google Chrome,本質上都是為了彌補浏覽器的缺陷,當浏覽器足夠強了也就不需要這些插件了。智能手機出現的比較晚,所以完全沒有歷史包袱。

現在的智能手機系統iPhone OS和android加起來就占了90%以上的市場份額,默認的浏覽器都是基於Webkit內核的HTML浏覽器,對HTML 5和CSS3的支持比較好。這讓HTML 5和CSS3有了最佳實踐的機會。產品形態向不同終端轉變的成本因此大大降低了。這是Html5技術升溫的原因。

比如iPhone上的Mobile Safari浏覽器支持HTML 5的Canvas/Canvas2D、Video、Audio、Geolocation、Local Storage/Session Storage、Application Cache、Web SQL Database等,CSS3的3D/2D動畫、RGBA、圓角、陰影和漸變等主要功能都支持。用你的手機浏覽器訪問http://Html5test.com,可以測試一下都具體支持哪些。利用這些特性加上傳統的Javascript/Html/CSS就可以打造一個很強悍的Web應用。

Paul Graham在2005年Web2.0時代來臨時曾說“Javascript now works”,那現在可以說“HTML 5 now works”了。HTML 5發揮作用同時,也意味著Html5&CSS3將成為前端開發者的必修技能。

Html 5和Flash之間的討論前段時間很熱。插件技術本身是在原生技術滿足不了的情況下才會使用。在學習路線上,Html/CSS/Javascript到Html5/CSS3將是前端開發者的必修課,插件技術永遠是選修課。Flash CS5將支持導出Html 5的Canvas,可見Adobe畢竟是一家軟件公司,它會想辦法實現不同技術之間轉換和包容,有人說也許幾年後Flash會成為Canvas開發工具,我們只需坐享其成。像從Flash到Flex再到AIR的發展過程中可見一斑。

做為前端開發者來說,一定要身兼多技,但務必要先學好必修課。很多公司會設置一些專一性技術的職位,比如Flash開發工程師,這會誤導一些人只學Flash,對日後的職業發展很不利。套句老話“形勢喜人,形勢逼人”,前端技術越來越豐富,前端開發者的擔子越重,越多東西要學。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved