IE10讓HTML5真正進入開發(fā)者的主流世代

2013-01-06 14:25:00來源:最科技作者:

隨著智能型手機、平板電腦漸趨普及,不僅使觸控一躍成為主流輸入方式,為使用者形塑新穎的網絡瀏覽體驗,也為開發(fā)者開啟寬廣大門,只要巧妙運用CSS3與HTML5技術,即可走進一個更自由無拘、更易于展現(xiàn)創(chuàng)意的嶄新世界

隨著智能型手機、平板電腦漸趨普及,不僅使觸控一躍成為主流輸入方式,為使用者形塑新穎的網絡瀏覽體驗,也為開發(fā)者開啟寬廣大門,只要巧妙運用CSS3與HTML5技術,即可走進一個更自由無拘、更易于展現(xiàn)創(chuàng)意的嶄新世界!

以往人們要遨游網絡世界,至少得倚賴三種元素-鍵盤、鼠標、螢幕;所以只見電腦使用者,長時間坐定在固定位置,聚精會神緊盯螢幕,配合鼠標移動、鍵盤敲擊,沉浸在自己的一片天地。只不過,鮮少歷經電腦薰陶的年長人士,無奈被隔絕在繽紛網絡世界之外,只能靠著傳統(tǒng)的報章書籍,填補求知渴望。

但最近這2~3年,所有的事情,開始變得不一樣!人們連結網絡的主要載具,從個人電腦變成行動裝置,輸入方式由鍵盤及鼠標變成了觸控;隨著這個轉變,使用者不再受限于時空疆界,無論身處何地,只要能連網,都可恣意翱翔數(shù)位天空,即使年長人士,都因為觸控打破層層壁壘,得以融入缺席已久的數(shù)位情境。

身處這個嶄新世界,人們啟動數(shù)位應用的第一個接觸點-瀏覽器,無疑顯得格外重要,因此它身系重任,必須引領人們突破過往的網頁使用模式,營造快速飆網、流暢觸控、安全無虞的瀏覽體驗。譬如隨著微軟新一代作業(yè)系統(tǒng)Windows 8聯(lián)袂現(xiàn)身的IE10,便以此為主要訴求。

擁抱IE10,迎接新世界

藉由IE10,我們清楚看到顛覆傳統(tǒng)的“無邊框”設計、直觀實用的釘選網站(Pinned Sites)功能,或透過常用工具列(Charm bar),輕松啟用網頁分享功能,一切的一切,都足以匯聚為深刻的感觸,贊嘆現(xiàn)今瀏覽技術之進步飛快!

更值得一提的,Windows 8為求因應不同裝置屬性,分別提供最美好的操作體驗,所以特別內建“雙版本”IE10,一是適用傳統(tǒng)環(huán)境的桌面版IE10,另一則是適用觸控環(huán)境的Modern IE10。

當然,要真正孕育完美的網絡使用經驗,固然需要快速、直覺、安全的瀏覽器服務來牽成,更重要的,仍有賴開發(fā)人員展現(xiàn)絕佳設計成果。為此微軟在IE10悉心新增許多實用功能,幫助開發(fā)人員實現(xiàn)創(chuàng)意巧思,挑戰(zhàn)無限可能。且看IE10如何引領開發(fā)者進入全新的紀元?而開發(fā)者如何善用創(chuàng)新功能,開辟另一個嶄新世界?

更加完整支援HTML5從IE9開始,微軟已展現(xiàn)支援HTML5技術的決心,到了IE10,支援范圍則更加完整徹底,一些過去仍須倚靠外掛程式(例如Plugins、ActiveX等)、或圖片技巧才能營造的效果,如今都能獨立完成。

首先,它引進HTML5視訊增強功能,採用<video>及<audio>標簽播放影音檔案。其次,如果開發(fā)者要進行2D/3D繪圖,則可使用<canvas>標簽以及SVG來搭配使用,且讓以往最惱人的Lag近乎絕跡。

再者,它開始支援draggable屬性,使得套用與屬性相關的任何HTML元素,都能在頁面上拖曳,不僅如此,IE10也在dataTransfer物件中新增files屬性,得以從桌面拖放一或多個檔案到網頁,相當方便。

另外,IE10也新增了對WebSocket API的支援,此后開發(fā)者只需動用少許程式碼,就能輕易利用低延遲的雙向資料交換,建立快速的線上游戲、即時社交網絡通知、即時顯示股票和天氣資訊等即時資料,打造迅捷流暢的網頁顯示效果。

大量支援CSS規(guī)格對開發(fā)者的另一大福音,即在于IE10增加支援許多新的“階層式樣式表(CSS)”規(guī)格,包括了新的進階配置、視覺效果、移動瀏覽與縮放功能。譬如開發(fā)者可利用CSS3 Animation制作網頁動畫,也可利用CSS3 Transition設定網頁元素過場特效。

不僅如此,開發(fā)者還可使用CSS3 Transformation改變網頁元素的縮放、位移或旋轉,輕松創(chuàng)造各種變形效果;至于CSS Grid Layout、CSS Multi-column layout或CSS Flexible Box,則有助開發(fā)者快速進行排版。也就是說,開發(fā)者過去“辦不到”或“很難辦到”的特效,都不再是難解習題。

因IE10大力支持HTML5,也使它擁有一項重要特質,不再只是單純的網頁顯示工具,可搖身一變成為APP平臺。IE10的誕生,讓開發(fā)者得以運用HTML5單一技術標準,快速打造跨瀏覽器、跨行動裝置的應用成果。有了HTML5的加持,開發(fā)者的想像力不會框限于網頁,可同時展現(xiàn)在眾多平臺。

HTML5時代真的到了!IE10讓HTML5真正進入開發(fā)者的主流世代,堪稱是重要分水嶺! 擁抱開發(fā)新世界挾著“網頁無邊框”、“快速瀏覽”、“安全”、“流暢觸控”及“跨平臺裝置”等嶄新特色,再加上HTML5及CSS3技術助陣,IE10將大幅顛覆開發(fā)者對IE瀏覽器的想像,讓無窮的創(chuàng)意巧思,得以跨越瀏覽器、行動裝置等疆界,揮灑在一個美麗新世界!

關鍵詞:IE10HTML5

贊助商鏈接: