【O專欄】為何我們需要網路標準?

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

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

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

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

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

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

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

持續演變的網路標準

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

▲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功能。

▲Google Latitude就是應用了Geolocations API。

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

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

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