本文觀點:遵循國際網站標準(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) |
www.sina.com.cn |
失敗,混雜的HTML,未達到XHTML1。黃色警報:字符集錯誤。(定義了GB2312,但頁內使用了非GB2312字符)。非標準代碼43處。 |
|
www.163.com |
失敗,混雜的HTML,未達到XHTML1。紅色警報:未定義DOCTYPE。非標準代碼41處。 | |
|
www.sohu.com |
失敗,混雜的HTML,未達到XHTML1。黃色警報:字符集錯誤。非標準代碼38處。 | |
|
CSS2校驗 |
www.sina.com.cn |
25處錯誤。 |
|
www.163.com |
1處警告,10處錯誤。 | |
|
www.sohu.com |
1處警告,15處錯誤。 |
校驗結果顯示所有門戶網站都沒有符合網站標準,甚至連HTML4.0標準都沒有遵循。舉例來說:標籤,早在1998年4月HTML4.0標準中就已經被W3C列為「不建議使用(deprecated)」標籤。但我們的三大門戶網站首頁上都有不少類似的代碼。這裡的簡單列表,目的不是批評這些網站做得不好(事實上大部分的大型商業站點都通不過W3C嚴格的正確性校驗),有很多的原因造成這種狀況,例如採用老的信息發佈系統,網頁設計人員的技術和意識不夠等等。我們只是想說明一點:連比較規範的上市公司的網站都沒有意識到遵循標準,其他規模教小的商業網站就更不用說,國內對網站標準沒有足夠的重視。讓我們趕緊跟上新時代的步伐,一起來瞭解一下網站標準吧。一.為什麼要建立網站標準我們大部分人都有深刻體驗,每當主流瀏覽器版本的升級,我們剛建立的網站就可能變得過時,我們就需要升級或者重新建造一遍網站。例如1996-1999年典型的「瀏覽器大戰」,為了兼容Netscape和IE,網站不得不為這兩種瀏覽器寫不同的代碼。同樣的,每當新的網絡技術和交互設備的出現,我們也需要製作一個新版本來支持這種新技術或新設備,例如支持手機上網的WAP技術。類似的問題舉不勝舉:網站代碼臃腫、繁雜浪費了我們大量的帶寬;針對某種瀏覽器的DHTML特效,屏蔽了部分潛在的客戶;不易用的代碼,殘障人士無法瀏覽網站等等。這是一種惡性循環,是一種巨大的浪費。如何解決這些問題呢?有識之士早已開始思考,需要建立一種普遍認同的標準來結束這種無序和混亂。商業公司(Netscape、Microsoft等)也終於認識到統一標準的好處,因此在W3C(W3C.org)的組織下,網站標準開始被建立(1998年2月10日發佈XML1.0為標誌),並在網站標準組織(webstandards.org)的督促下推廣執行。
「長城腳下的公社」建築 |
美《商業週刊》評中國十 |
鼎煌格韻之別墅效果圖篇 |
Kearch作品-Plummer Pa |
幾幅不錯的景觀手繪作品 |
白雲國際會議中心設計方 |
Zaha Hadid作品-Vitra消 |
室內設計圖片 Soo Sang |
大導演馮小剛家的家居設 |
茲羅列194種創意線索 |
標識設計之連字設計全剖 |
服裝設計的三大要素 |
網站精彩作品圖片 levitat |
站設計作品圖片 levitated |
網站設計流行風格模板評析 |
網站設計流行風格模板評析 |
網站設計精彩作品圖片 Gra |
系列精品網站鑒賞 |
2004年知名網站聖誕logo圖 |
優秀商業網頁圖片 |
世界優秀設計作品之網站設 |
經典商業網頁圖片 |