相關文章

A3dbd4100d6043ba0204b64a5325a7023e562196 【編按】來自挪威的Opera不僅是瀏覽器的知名品牌,更是長年推動網路標準的制定與普及。T客邦十分榮幸,請到任職於Opera的網路標準推廣者謝子斌先生在這裡開設「O專欄」,帶領我們一窺這些網路新標準的故事與重要性。

各種裝置帶領網路普及,更需標準維持

隨著Amazon與Sony的電子書閱讀器上市以及Google進軍電子書店,電子書市場持續加溫。根據美國消費者調查研究機構NPD日前所發佈電子書閱讀器市場調查報告,除了可以方便下載及儲存許多書是消費者購買的主因之外,具備上網與觸控等功能也是吸引消費者購買使用的兩大因素。網際網路的普及到現在,已經超過十五餘年,人們愈來愈依賴從網際網路獲取資訊。科技的進步,上網的裝置從桌上型電腦演變到各式各樣不同的裝置,例如小筆電、手機、遊戲機、MP3手持娛樂裝置等,大家逐漸普遍使用PC以外的裝置滿足上網的需求。

nds_opera

▲NDS/DSi上的瀏覽器即是由任天堂與Opera所合作開發而成。

隨著愈來愈多的裝置上網,瀏覽器便成為這些裝置存取網路內容的不可或缺的軟體之一。所有的瀏覽器照理說應該可以展示同樣的內容,但事實並不是如此。當年,為了爭奪市場,Netscape和微軟之間對HTML的不同處理,引發了90年代的瀏覽器之戰。W3C也就是這樣在一片混亂中成立,目的就是要引領出一個統一、標準的網絡,但遵循W3C聯盟的網路標準如HTML、CSS等開放性網路標準還是被丟到一邊。網站的開發人員被迫為不同的瀏覽器設計,增加網頁開發的成本。而使用者則看不到自己的瀏覽器所無法支援的內容。假如不額外下載所個別支援的外掛程式,使用者就無法看到自主開發的非標準化科技如ActiveX所構成的網路內容。

ie6acid3

Acid3是用來檢測瀏覽器相容網路標準的工具網站,IE6僅得到12分。

根據使用者的瀏覽器或設備、使用語言、輔助科技(如畫面放大縮小、直式橫式畫面切換、聲音輸入等)的不同,或在瀏覽器上換字體和顏色,他們會有不同的網路瀏覽體驗。當網站是用非標準的技術編碼建成時,他們所瀏覽網站將會有看起來四分五裂的風險。試想當消費者用電子書閱讀器上網閱讀網頁時,看到的網站是支離破碎的,網站的宣傳效果必定大打折扣。網站開發人員可能需要開發可供電子書閱讀器的版本,提供給這些族群閱讀。如果網站開發人員使用網路標準來編碼、建置網站的話,就會更有信心提供所有用戶進入網站毫無問題,也更容易管理和維護。另一方面,網站開發人員也可以節省網頁開發的成本。

持續演變的網路標準

網頁一直在演變發展,變得愈來愈複雜,它的標準規格也一樣在變化。1992年HTML納入了圖形的要素,且逐步結合圖表的功能,演變出1999年 HTML 4.01版本的出現。同時我們也看到了W3C採納了一些中立,獨立而不收費的網絡技術為標準,比方說SVG(可縮放向量圖型, Scalable Vector Graphics)被推動為網路圖形和多媒體的一個標準。之外,CSS(層疊樣式表, Cascading Style Sheets)也逐步發展為一個網頁開發人員常用的一個標準。

svg_sample

SVG以XML描繪出向量圖型,目前IE8以外的瀏覽器多有支援。(圖片來源:Wikipedia)

隨著豐富網際網路應用程式(Rich Internet Applications,RIA) 和 XMLHttpRequest的出現,今天的網路要比十年前更豐富更互動。更新網頁內容不需要等待重新刷新網頁的時間,而是網頁自動更新。還有,無障礙全球資訊網建置推動組織(Web Accessibility Initiative) 的無障礙豐富網際網路應用程式 (Accessible Rich Internet Applications suite)這一類新興的標準,讓螢幕閱讀器可以解讀豐富網際網路應用程式,並與之互動。這些新興的標準與HTML 5 一起可以更好地支援,視訊、音訊、動畫以及表格。

 

HTML 5 備受矚目

HTML 5是網絡標準其中相當重要的一環,它主要由Opera、蘋果、Mozilla等廠商共同組織的WHATWG(Web Hypertext Application Technology Working Group,Web 超文本應用技術工作組)所協力推動,WHATWG本身也是為了推動HTML 5而成立的。HTML5為超文本帶來更多的元素和屬性。這些新元素和屬性會給豐富網際網路應用程式帶來新一層的意義。比方說,Geolocations API讓網站被允許下讀取用戶的地理位置、Webforms讓一般的HTML表格擁有檢查功能(不必依賴Javascript)、Persistent Storage讓用戶可以在離線時正常使用網頁。不同的瀏覽器都會逐步地去實現這些HTML 5功能。

geolocation

Google Latitude就是應用了Geolocations API。

除了HTML 5,也有其他值得重視的網路標準。其中SVG目前特別受到網頁開發人員的喜愛(由十月初剛結束的SVG Open會議可見一班)。一些人甚至把SVG稱為一個取代Flash的標準。SVG被接納為一個網路標準,意味著不同瀏覽器都會實踐支持這項技術。網頁設計師可以直接用瀏覽器內部支持的SVG會畫出複雜的動、靜態圖形。

PersistantStorage

▲Gmail的離線功能也是應用了HTML 5的Persistent Storage規範。

網路標準的概括性非常大,其中還包括了CSS3、Canvas等等,往後我們會一一詳細介紹,這些標準針對不同的網頁內容元素提供不同的功能。為促進網際網路的發展,不僅僅是Opera投入相當多的資源提倡網路標準,Apple、Google、甚至Microsoft都開始支持網路標準。筆者相信,作為一個網頁開發人員,將會樂見愈來愈多的開放性網路標準注入網站開發的過程中,作為未來迎接多元裝置上網的準備。

  • 作者簡介:
    謝子斌 /Zi Bin, Cheah
    馬來西亞華人,網路標準專家。
    長期從事網際網路標準研究,經常來往於中國、印尼、馬來西亞、北歐等地宣導。
    現於挪威Opera軟體公司奧斯陸總部擔任網路標準講師(Web Evangelist)。

使用 Facebook 留言

42b8157e4eb117e1dbf211e36a6ebd59?size=48&default=wavatar
1.  O釀 (發表於 2009年10月26日 16:11)
還好不是「O孃」專欄,不然我就加入最愛。
2f0c1bf9ba585729e764afa12380b2c8?size=48&default=wavatar
2.  sKuMcTks (發表於 2009年10月27日 01:34)
這邊可以抱怨一下Opera繁體中文版嗎...
Opera繁體版似乎是從簡體版變身過來的
可是我發現有些訊息或方塊還是留在簡體的狀態
而且Opera繁體中文版預設的字體是雅黑體,這在Windows環境下看起來沒有正黑體好看(而且既然是繁體版理論上就要用正黑體比較對吧)
99c33438bfbb8b2bb91989eb19becc46?size=48&default=wavatar
3.  Peko (發表於 2009年11月14日 22:55)
sKuMcTks 你可以在工具>功能設定>進階>字型來做設定,是有點麻煩,但是你可以改成你喜歡的字型...而且你說的沒錯,正黑體是比較好看的,我自己就動手改成正黑體囉 :)
118ed642d310bc813c5ce34d61285f49?size=48&default=wavatar
4.  wellss (發表於 2010年3月03日 18:53)
經 O 大的講解,才開始注意到 HTML 5 的重要性,不過短期內要它取代 FLASH 還不可能,預計要到 6 才會真正地開花結果。

發表回應

謹慎發言,尊重彼此。按此展開留言規則