
簡單說,網站標準的目的就是:
提供最多利益給最多的網站用戶
確保任何網站文擋都能夠長期有效
簡化代碼、降低建設成本
讓網站更容易使用,能適應更多不同用戶和更多網路設備
當瀏覽器版本更新,或者出現新的網絡交互設備時,確保所有應用能夠繼續正確執行。
對於網站設計和開發人員來說,遵循網站標準就是使用標準;對於你的網站用戶來說,網站標準就是最佳體驗。
三、採用網站標準有什麼好處?
對網站瀏覽者的好處:
文件下載與頁面顯示速度更快;
內容能被更多的用戶所訪問(包括失明、視弱、色盲等殘障人士);
內容能被更廣泛的設備所訪問(包括屏幕閱讀機、手持設備、搜索機器人、打印機、電冰箱等等)
用戶能夠通過樣式選擇定制自己的表現界面
所有頁面都能提供適於打印的版本
對網站所有者的好處:
更少的代碼和組件,容易維護
帶寬要求降低(代碼更簡潔),成本降低。舉個例子:當 ESPN.com 使用 CSS改版後,每天節約超過兩兆字節(terabytes)的帶寬。
更容易被搜尋引擎搜索到
改版方便,不需要變動頁面內容
提供打印版本而不需要複製內容
提高網站易用性。在美國,有嚴格的法律條款(Section 508)來約束政府網站必須達到一定的易用性,其他國家也有類似的要求。
四、怎麼改善現有網站?
我們大部分的設計師依舊在採用傳統的表格佈局、表現與結構混雜在一起的方式來建立網站。學習使用XHTML+CSS的方法需要一個過程,使現有網站符合網站標準也不可能一步到位。最好的方法是循序漸進,分階段來逐步達到完全符合網站標準的目標。如果你是新手,或者對代碼不是很熟悉,也可以採用遵循標準的編輯工具,例如Dreamweaver MX 2004,它是目前支持CSS標準最完善的工具。
1.初級改善
為頁面添加正確的DOCTYPE
很多設計師和開發者都不知道什麼是DOCTYPE,DOCTYPE有什麼用。DOCTYPE是document type的簡寫。主要用來說明你用的XHTML或者HTML是什麼版本。瀏覽器根據你DOCTYPE定義的DTD(文檔類型定義)來解釋頁面代碼。所以,如果你不注意設置了錯誤的DOCTYPE,結果會讓你大吃一驚。XHTML1.0提供了三種DOCTYPE可選擇:
(1)過渡型(Transitional )
http://www.w3.org/TR/xhtml1 /DTD/xhtml1-transitional.dtd">
(2)嚴格型(Strict )
http://www.w3.org/TR/xhtml1 /DTD/xhtml1-strict.dtd">
(3)框架型(Frameset )
http://www.w3.org/TR/xhtml1 /DTD/xhtml1-frameset.dtd">
對於我們初級改善來說,只要選用過渡型的聲明就可以了。它依然可以兼容你的表格佈局、表現標識等,不至於讓你覺得變化太大,難以掌握。
Tip:你懶得輸入上面過渡型代碼的話,可以訪問 http://www.macromedia.com/ 網站的首頁,然後查看源代碼,把head區同樣的代碼拷貝粘貼就可以了。
設定一個名字空間(Namespace)
直接在DOCTYPE聲明後面添加如下代碼:
』" DESIGNTIMESP=32309>http://www.w3.org/1999/xhtml">
一個namespace是收集元素類型和屬性名字的一個詳細的DTD,namespace聲明允許你通過一個在線地址指向來識別你的namespace。只要照樣輸入代碼就可以。
聲明你的編碼語言
為了被瀏覽器正確解釋和通過標識校驗,所有的XHTML文檔都必須聲明它們所使用的編碼語言。代碼如下:
這裡聲明的編碼語言是簡體中文GB2312,你如果需要製作繁體內容,可以定義為BIG5。
用小寫字母書寫所有的標籤
XML對大小寫是敏感的,所以,XHTML也是大小寫有區別的。所有的XHTML元素和屬性的名字都必須使用小寫。否則你的文檔將被W3C校驗認為是無效的。例如下面的代碼是不正確的: