網站設計標準化(一)

仲介交易 SEO診斷 淘寶客 雲主機 技術大廳

本文觀點：遵循國際網站標準（Web Standards）進行網站設計和改善。
閱讀物件：網站設計人員、web應用開發人員
關鍵字：Web Standards、XML、XHML、CSS、DOM、DOCTYPE、Accessibility

前言

網路上的變革每天都在發生，當我們覺得網站設計技術已經非常簡單和熟悉的時候。 國外網站設計標準化的概念早已悄悄的形成和迅速「蔓延」，自2000年起，大部分新發行的瀏覽器版本都開始支援網站標準。 主流的網頁編輯工具也開始全面支援網站標準，甚至一些軟體幾乎完全由XML檔組成，例如Dreamweaver MX。 一些著名的大型商業網站開始採用網站標準來重新構建（例如體育資訊www.espn.com），另外一些則拒絕非標準瀏覽器流覽它們的網站（例如連線雜誌www.wired.com）。 眾多的設計網站(例如：www.k10k.net) 和個人網站更是標準推廣的先行者，紛紛轉向採用XHTML+CSS來建立。 2004年2月4日XML1.1推薦標準正式發佈，標誌著網站設計的標準時代已經到來。

國外網站標準的聲勢洶湧，但國內業界顯得有些後知後覺或者毫無興趣，讓我們來看看國內三大入口網站首頁對網站標準的遵循情況：

校驗專案

校驗目標網站

校驗結果

代碼校驗(XHTML)
(校驗位址：HTTP://validator.w3.org/、
(HTTP://www.htmlhelp.com/tools/validator/ )

www.sina.com.cn

失敗，混雜的HTML，未達到XHTML1。 黃色警報：字元集錯誤。 (定義了GB2312，但頁內使用了非GB2312字元)。 非標準代碼43處。

www.163.com

失敗，混雜的HTML，未達到XHTML1。 紅色警報：未定義DOCTYPE。 非標準代碼41處。

www.sohu.com

失敗，混雜的HTML，未達到XHTML1。 黃色警報：字元集錯誤。 非標準代碼38處。

CSS2校驗
(校驗位址：HTTP://jigsaw.w3.org/css-validator/validator-uri.html )

www.sina.com.cn

25處錯誤。

www.163.com

1處警告，10處錯誤。

www.sohu.com

1處警告，15處錯誤。

校驗結果顯示所有入口網站都沒有符合網站標準，甚至連HTML4.0標準都沒有遵循。 舉例來說：<FONT>標籤，早在1998年4月HTML4.0標準中就已經被W3C列為「不建議使用(deprecated)」標籤。 但我們的三大入口網站首頁上都有不少類似<font color=red>的代碼。 這裡的簡單列表，目的不是批評這些網站做得不好（事實上大部分的大型商業網站都通不過W3C嚴格的正確性校驗），有很多的原因造成這種狀況，例如採用老的資訊發佈系統，網頁設計人員的技術和意識不夠等等。 我們只是想說明一點：連比較規範的上市公司的網站都沒有意識到遵循標準，其他規模教小的商業網站就更不用說，國內對網站標準沒有足夠的重視。

讓我們趕緊跟上新時代的步伐，一起來瞭解一下網站標準吧。

一． 為什麼要建立網站標準

我們大部分人都有深刻體驗，每當主流瀏覽器版本的升級，我們剛建立的網站就可能變得過時，我們就需要升級或者重新建造一遍網站。 例如1996-1999年典型的「瀏覽器大戰」，為了相容Netscape和IE，網站不得不為這兩種瀏覽器寫不同的代碼。 同樣的，每當新的網路技術和交互設備的出現，我們也需要製作一個新版本來支援這種新技術或新設備，例如支援手機上網的WAP技術。 類似的問題舉不勝舉：網站代碼臃腫、繁雜浪費了我們大量的頻寬；針對某種瀏覽器的DHTML特效，遮罩了部分潛在的客戶；不易用的代碼，殘障人士無法流覽網站等等。 這是一種惡性循環，是一種巨大的浪費。

如何解決這些問題呢？ 有識之士早已開始思考，需要建立一種普遍認同的標準來結束這種無序和混亂。 商業公司(Netscape、Microsoft等)也終於認識到統一標準的好處， 因此在W3C（W3C.org）的組織下，網站標準開始被建立（1998年2月10日發佈XML1.0為標誌），並在網站標準組織（webstandards.org）的督促下推廣執行。

簡單說，網站標準的目的就是：

對於網站設計和開發人員來說，遵循網站標準就是使用標準；對於你的網站使用者來說，網站標準就是最佳體驗。

訪問量排名世界第4，中國第1的新浪網站，也遭遇非標準DHTML的問題。 在最新發佈的Netscape7和Mozila1.6瀏覽器中，新浪首頁的漂浮廣告全部失效，層疊擠在頁面左下角。 也許那些廣告主認為損失這些潛在的使用者無所謂。 （截圖日期2004年4月12日）