什麼是web標準？

WEB標準不是某一個標準，而是一系列標準的集合。

網頁主要由三部分組成：結構（Structure）、表現（Presentation）和行為（Behavior）。對應的標準也分三方面：結構化標準語言主要包括XHTML和XML，表現標準語言主要包括CSS，行為標準主要包括物件模型（如W3C DOM）、ECMAScript等。這些標準大部分由W3C起草和發佈，也有一些是其他標準組織制訂的標準，比如ECMA（European Computer Manufacturers Association）的ECMAScript標準。

為什麼要建立網站標準？

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

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

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

1.提供最多利益給最多的網站用戶
2.確保任何網站文件都能夠長期有效
3.簡化程式碼、降低建設成本
4.讓網站更容易使用，能適應更多不同用戶和更多網路設備
5.當瀏覽器版本更新，或者出現新的網路交互設備時，確保所有應用能夠繼續正確執行

採用網站標準的好處：

對網站瀏覽者的好處

1.檔案下載與頁面顯示速度更快
2.內容能被更多的用戶所訪問
　（包括失明、視弱、色盲等殘障人士）
3.內容能被更廣泛的設備所訪問
　（包括螢幕閱讀機、手持設備、搜索機器人、印表機、電冰箱等等）
4.用戶能夠通過樣式選擇制定自己的顯示介面
5.所有頁面都能提供適於列印的版本

對網站設計者的好處

1.更少的程式碼和元件容易維護
2.頻寬要求降低（程式碼更簡潔），成本降低。
　舉個例子：當 ESPN.com 使用 CSS改版後，每天節約超過兩百萬位元組的頻寬。
3.更容易被搜尋引擎搜索到
4.改版方便，不需要變動頁面內容
5.提供列印版本而不需要複製內容
6.提高網站易用性。
在美國，有嚴格的法律條款（Section 508）來約束政府網站必須達到一定的易用性，其他國家也有類似的要求。

怎麼改善現有網站：

我們大部分的設計師依舊在採用傳統的表格佈局、表現與結構混雜在一起的方式來建立網站。學習使用XHTML+CSS的方法需要一個過程，使現有網站符合網站標準也不可能一步到位。最好的方法是循序漸進，分階段來逐步達到完全符合網站標準的目標。如果你是新手，或者對程式碼不是很熟悉，也可以採用遵循標準的編輯工具，例如Dreamweaver 8，它是目前支援CSS標準最完善的工具。

1．初級改善：為頁面添加正確的DOCTYPE

很多設計師和開發者都不知道什麼是DOCTYPE，DOCTYPE有什麼用。DOCTYPE是document type的簡寫。主要用來說明你用的XHTML或者HTML是什麼版本。瀏覽器根據你DOCTYPE定義的DTD(文檔類型定義)來解釋頁面程式碼。所以，如果你不注意設置了錯誤的DOCTYPE，結果會讓你大吃一驚。XHTML1.0提供了三種DOCTYPE可選擇：

(1)過渡型（Transitional ）

www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

(2)嚴格型（Strict ）

www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

(3)框架型（Frameset ）

www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

對於我們初級改善來說，只要選用過渡型的聲明就可以了。它依然可以相容你的表格設計、表現標識等，不至於讓你覺得變化太大，難以掌握。

2．中級改善：利用更多的CSS來取代表格與字型等...語法