網頁設計的標準和規范
網絡上的變革每天都在發生,當我們覺得網站設計技術已經非常簡單和熟悉的時候。國外網站設計標準化的概念早已悄悄的形成和迅速“蔓延”,自2000年起,大部分新發行的瀏覽器版本都開始支持網站標準,以下是小編為大家收集的網頁設計的標準和規范,僅供參考,大家一起來看看吧。
1、基本內容
網絡上的變革每天都在發生,當我們覺得網站設計技術已經非常簡單和熟悉的時候。國外網站設計標準化的概念早已悄悄的形成和迅速“蔓延”,自2000年起,大部分新發行的瀏覽器版本都開始支持網站標準。主流的網頁編輯工具也開始全面支持網站標準,甚至一些軟件幾乎完全由XML文件組成,例如Dreamweaver MX。一些著名的大型商業網站開始采用網站標準來重新構建另外一些則拒絕非標準瀏覽器瀏覽它們的網站眾多的設計網站和個人網站更是標準推廣的先行者,紛紛轉向采用XHTML+CSS來建立。2004年2月4日XML1.1推薦標準正式發布,標志著網站設計的標準時代已經到來。
一、為什么要建立網站標準
我們大部分人都有深刻體驗,每當主流瀏覽器版本的升級,我們剛建立的網站就可能變得過時,我們就需要升級或者重新建造一遍網站。例如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日)
二、什么是網站標準
網站標準不是某一個標準,而是一系列標準的集合。網頁主要由三部分組成:結構(Structure)、表現(Presentation)和行為(Behavior)。對應的標準也分三方面:結構化標準語言主要包括XHTML和XML,表現標準語言主要包括CSS,行為標準主要包括對象模型(如W3C DOM)、ECMAScript等。這些標準大部分由W3C起草和發布,也有一些是其他標準組織制訂的標準,比如ECMA(European Computer Manufacturers Association)的ECMAScript標準。我們來簡單了解一下這些標準:
1、結構標準語言
(1)XML
XML是The Extensible Markup Language(可擴展標識語言)的簡寫。目前推薦遵循的是W3C于2000年10月6日發布的XML1.0,和HTML一樣,XML同樣來源于SGML,但XML是一種能定義其他語言的語。XML最初設計的目的是彌補HTML的`不足,以強大的擴展性滿足網絡信息發布的需要,后來逐漸用于網絡數據的轉換和描述。關于XML的好處和技術規范細節這里就不多說了,網上有很多資料,也有很多書籍可以參考。
(2)XHTML
XHTML是The Extensible HyperText Markup Language可擴展標識語言的縮寫。目前推薦遵循的是W3C于2000年1月26日推薦XML1.0。XML雖然數據轉換能力強大,完全可以替代HTML,但面對成千上萬已有的站點,直接采用XML還為時過早。因此,我們在HTML4.0的基礎上,用XML的規則對其進行擴展,得到了XHTML。簡單的說,建立XHTML的目的就是實現HTML向XML的過渡。
2、表現標準語言
CSS是Cascading Style Sheets層疊樣式表的縮寫。目前推薦遵循的是W3C于1998年5月12日推薦CSS2。W3C創建CSS標準的目的是以CSS取代HTML表格式布局、幀和其他表現的語言。純CSS布局與結構式XHTML相結合能幫助設計師分離外觀與結構,使站點的訪問及維護更加容易。
3、行為標準
(1)DOM
DOM是Document Object Model文檔對象模型的縮寫。根據W3C DOM規范,DOM是一種與瀏覽器,平臺,語言的接口,使得你可以訪問頁面其他的標準組件。簡單理解,DOM解決了Netscaped的javascript和Microsoft的Jscript之間的沖突,給予web設計師和開發者一個標準的方法,讓他們來訪問他們。
【網頁設計的標準和規范】相關文章:
網頁設計的標準與規范09-12
網頁設計字體設計規范10-01
網頁設計中字體規范09-29
PC網頁設計尺寸規范03-01
PC網頁設計規范09-09
網頁設計前端頁面制作的規范和注意事項09-25
網頁設計之字體設計規范03-03
網頁設計配色及字體規范09-13
網頁設計中字體規范總結09-12
網頁設計標準的尺寸11-17