Designing with Web Standards

最近買辦正在進行一個所謂”Designing with Web Standards”的專案，合約裏清楚地規範了所有產出的HTML Markup都必須通過W3C XHTML 1.0 Transitional Markup Validation的零錯誤驗證才得以交付。哇！光聽這一連串的名字就覺得好像是一件很偉大的事，沒錯，這的確是件偉大的事，只不過偉大的是客戶的素質，而非工作本身，為何？在凡事講求表面的台灣社會，作網站其實也不例外，只要網站夠炫，Flash夠有趣，就是好網站，誰管你Markup 寫得有多精簡，多結構化…因為，根本沒有人會去看，百分之八十以上的人甚至不曉得要從哪裡看，因此，在普遍不重視的狀況下，試問，有甚麼樣的客戶會願意多花數倍的時間及費用撰寫一般人看不到的標準Markup呢？所以，我們覺得是客戶偉大。

圖片取自於：http://www.wait-till-i.com

為甚麼Web Standards很重要？有別於Java或VB等程式語言，HTML其實是一種標記語言，它的語言結構並不執行功能，而僅是標註資料的來源、畫面的位置，以及功能的呈現…，以蓋房子為例簡單說明之，HTML就像是看不到的管線，當蓋一棟房子時，理論上，每一組管線都應詳細標示它的配置、走向及規格，以方便日後的維修，是以，標示得愈清楚，愈符合國際標準，未來的維護成本相對地就愈低，反之，標示得不清不楚，一旦出現問題，就得碰運氣猜猜看了，一旦日子久了，管線變變得愈來愈複雜，屆時，維護也愈來愈困難，因此，Web Standards其實就是為了有系統地維護網頁，而且是讓所有人都能夠輕鬆地維護。

Web Standards的最大特色便在於透過CSS的運用，將結構語言（Structural Language）與呈現語言（Presentation Language）徹底分離，因而整個網頁文件的程式碼因此變得更精簡，而程式碼一旦精簡，檔案便相對地會變小，而瀏覽器的處理速度也因此變快。傳統的Web習慣以Table的方式編排畫面，因而導致內容與視覺定義混淆在一起，不僅不易閱讀，檔案相對地也比較大，而Web Standards則是以CSS定義畫面，以Table-less的方式進行編排，再加上Semantically Correct Markup以及Valid Code，因此所產生的網頁，不僅讓所有人都能夠一目瞭然，易讀易懂，當然其中也包括搜尋引擎的機器人，而未來，Web Standards的網頁也只要透過CSS Style的修改，便可以重新改版，完全無須更動HTML的架構，因此，導入Web Standards的優勢，從長遠來看，無論是成本、時間，乃至於效益，甚至是跨平台整合（iPhone、Web Appliance…等上網裝置）都比傳統Web要來得划算。

當然，此次對買辦的挑戰，不僅僅是Web Standards的Markup而以，還包括Javascript、前後端程式碼，以及Framework都要標準化；過去以來，買辦在Web的產業優勢便一直站穩在多國語言網站的建置管理及維護上，其中更是偏重於內容管理與品牌視覺管理，而今還必須多加一項：程式碼管理。隨著HTML語言語上網裝置的逐漸進化，Web Standards已是不可忽略的趨勢，特別是當大家一窩蜂都在熱衷於搜尋引擎關鍵字行銷時，別忘了，SEO（Search Engine Optimization）的最根本還是在於網頁本身，倘若網頁的體質是不良的，甭論買了多少關鍵字廣告，其效果都只是暫時的，但相反地，網頁本身若符合Web Standards，SEO的效果將會隨著時間愈來愈顯著，一切行銷活動也將因此而水到渠成。

雖然Web Standards在產業界早已經不是什麼新聞了，但有興趣的人，還是可以推薦你有空可以看看Jeffrey Zeldman的Designing with Web Standards (3rd Edition)，你可以點文字上的連結，直接連到Amazon購買。