1.5　Web標準

Web標準不是特指某一個標準，其實是一系列相關標準的集合。網頁主要由三部分組成：結構（Structure）、表現（Presentation）和行為（Behavior）。對應的標準也分為三方面：結構化標準語言主要包括XHTML和XML，表現標準語言主要包括CSS，行為標準主要包括對象模型（如W3C DOM）、ECMAScript等。

關于Web標準的組成大致如圖1.5所示。

這些Web標準大部分由萬維網聯盟（外語縮寫：W3C）起草和發布，也有一些是其他標準組織制訂的標準，比如ECMA（European Computer Manufacturers Association）的ECMAScript標準。

1.5.1　結構標準

結構標準包括可擴展標簽語言和可擴展超文本標簽語言，具體內容如下：

• 可擴展標簽語言

可擴展標簽語言（標準通用標簽語言下的一個子集、外語縮寫：XML）和HTML一樣，XML同樣來源于標準通用標簽語言，可擴展標簽語言和標準通用標簽語言都是能定義其他語言的語言。XML最初設計的目的是彌補HTML的不足，以強大的擴展性滿足網絡信息發布的需要，后來逐漸用于網絡數據的轉換和描述。

• 可擴展超文本標簽語言

可擴展超文本標簽語言（外語全稱：The Extensible Hyper-Text Markup Language、英文縮寫：XHTML）。目前推薦遵循的是W3C于2000年1月26日推薦的XML1.0。XML雖然數據轉換能力強大，完全可以替代HTML，但面對成千上萬已有的站點，直接采用XML還為時過早。因此，在HTML4.0的基礎上，用XML的規則對其進行擴展，得到了XHTML。簡單地說，建立XHTML的目的就是實現HTML向XML的過渡。

1.5.2　表現標準

層疊樣式表（英文縮寫：CSS）目前推薦遵循的是萬維網聯盟（英文縮寫：W3C）于1998年5月發布的CSS2版本。

W3C創建CSS標準的目的是以CSS取代HTML表格式布局、幀和其他表現的語言。純CSS布局與結構式XHTML相結合能幫助設計師分離外觀與結構，使站點的訪問及維護更加容易。

目前，CSS已經更新到最新的CSS3版本，只不過還沒有形成統一的、完整的最終版，但大部分瀏覽器已經可以支持CSS3的新特性了。

1.5.3　行為標準

行為標準包括文檔對象模型和ECMAScript兩部分內容，具體如下：

• 文檔對象模型

文檔對象模型（英文全稱：Document Object Model，英文縮寫：DOM）是根據W3C DOM規范（http://www.w3.org/DOM/）定義的。DOM是一種與瀏覽器、平臺和語言的標準接口，使得程序代碼可以訪問頁面其他的標準組件。簡單理解，DOM給予Web設計人員和開發者一個標準的方法，讓他們來訪問他們站點中的數據、腳本和表現層對象。

• ECMAScript

ECMAScript是ECMA（European Computer Manufacturers Association）制定的標準腳本語言（JavaScript），目前推薦遵循的是ECMAScript 262。

1.5.4　代碼標準

XHTML代碼標準包括一系列關于代碼的書寫規范，具體如下：

（1）必須結束標簽

以前在HTML網頁中，設計人員可以打開許多標簽，例如<p>和<li>，而不一定寫對應的</p>和</li>來關閉它們。但在XHTML中這是不合法的，XHTML要求有嚴謹的結構，所有標簽必須關閉。如果是單獨不成對的標簽，在標簽最后加一個"/"來關閉它。例如：

（2）小寫元素和屬性名

與HTML不一樣，XHTML對大小寫是敏感的，<title>和<TITLE>是不同的標簽，XHTML要求所有的標簽和屬性的名字都必須使用小寫。

（3）標簽都必合理嵌套

同樣因為XHTML要求有嚴謹的結構，因此所有的嵌套都必須按順序，就是說一層一層的嵌套必須是嚴格對稱。

（4）屬性必須用引號括起來

在HTML網頁中，設計人員可以不需要給屬性值加引號，但是在XHTML中，它們必須被加引號。例如：

必須修改為：

（5）特殊符號用編碼表示

• 任何小于號（<），不是標簽的一部分，都必須被編碼為&lt。
• 任何大于號（>），不是標簽的一部分，都必須被編碼為&gt。
• 任何與號（&），不是實體的一部分的，都必須被編碼為&amp。

注：以上字符之間無空格。

（6）所有屬性賦值

XHTML規定所有屬性都必須有一個值，沒有值的就重復本身。例如：

必須修改為：

（7）在注釋中不使用的符號

“--”符號只能發生在XHTML注釋的開頭和結束，也就是說，在內容中它們不再有效。例如，下面注釋中的-------是無效的：

1.5.5　標準測試

XHTML代碼標準測試內容包括如下內容：

• 頁面校驗地址：http://validator.w3.org/。
• CSS文檔校驗：http://jigsaw.w3.org/css-validator/。
• XHTML 1.0標準規格：The Extensible HyperText Markup Language。
• W3C標準測試網址：http://validator.w3.org/。

測試時一定要有文件類別標明，還要有指定文件編碼，例如：

只有這樣才可以順利進行測試動作，建立一個標準的頁面。

1.5.6　HTML、CSS與JavaScript三者的關系

一個網站一般由很多個HTML網頁所組成，而一個HTML網頁一般則由HTML標簽、CSS樣式和JavaScript腳本語言所組成。

• HTML網頁是主體，裝載各種DOM元素。
• CSS樣式用來裝飾這些DOM元素。
• JavaScript腳本語言則用來控制這些DOM元素，實現交互功能。

三者之間的關系可以說是既相互獨立、又緊密聯系的。可以打個比喻來描述，如果HTML是房間，那么CSS就是裝飾，而JavaScript則是住在房間里的人。HTML房間建好了就不會再改變了，但我們可以通過CSS裝飾來美觀房間，增強房間的效果。不過，只有HTML房間和CSS裝飾還是靜態的，房間里只有住了人，也就是只有加入JavaScript，才會給房間帶來活的生機。

關于CSS樣式和JavaScript腳本語言的內容，我們會在后面的章節中進行詳細的介紹，請讀者耐心閱讀下去。