採用XHTML和CSS設計可重用可換膚的WEB網站的方法第1/4頁_經驗交流

XHTML 標準的目標是取代 html。按照 W3C 的說法，“XHTML 是 html 的繼承者”(http://www.w3.org/MarkUp/)。

XHTML具有兩大目標：

• 在文檔結構和表示形式之間建立更明顯的分離。

• 將 html 重新表示為 XML 的應用程式。

使用XHTML標準的好處是：只需設計頁面一次，即可讓該頁以完全相同的方式在任何現代的瀏覽器中顯示和工作。例如，在按照標準產生以後，頁面在Internet Explorer、Mozilla Firefox、Netscape Navigator、Opera、Camino 和 Safari）中以相同的方式顯示，而無需完成任何額外的工作。並且XHTML標準可以使 Web 網站更易於為智能手機、殘疾人電腦等裝置訪問。

由於XHTML標準要求在在文檔結構和表示形式之間建立更明顯的分離。因此使用CSS樣式表是必不可少的。CSS在網頁中佔著極重要的地位，它的使用一直是熱門討論的話題。CSS是Cascading Style Sheet的簡寫，譯為“層疊樣式表單”。 在1997年W3C頒布HTML4標準的同時也公布了有關樣式表的第一個標準CSS1, 自CSS1的版本之後，又在1998年5月發布了CSS2版本。

CSS 的發明者的目的是除去表示性元素，即應該根據內容所表示的東西來標記內容，而樣式表應該用於美化內容。而這一點與XHTML分離文檔結構和表示形式的目標是一致，（在XHTML 2.0將除去b 、 i 和 img 標記（以及 big 、 small 和 tt ），甚至不贊成使用 br ，準備從將來的發行版中除去它。原因在於大多數標記都是表示性的。它們的唯一目的就是給予瀏覽器指令，規定有關其內容應該如何顯示，但卻完全未提供有關其內容是什麼的資訊。） 因此它們成了最好的夥伴。更多關於XHTML2.0的資料，請參見：http://www-128.ibm.com/developerworks/cn/xml/x-wa-xhtml/index.html

CSS過去經常被用來定義字型的屬性，而現在新標準中我們將用它來控制整個頁面的顯示。然而，我們必須需要做一些不同於以往的處理來適應這種新的變化，如：使用p來布局而不是表格，使用結構化、語義化的標記等等。由於採用新的處理方式，我們現在可以輕鬆地設計出可重用的CSS（同一個樣式檔案多個WEB網站中使用）以及可換膚的WEB網站（一個網站使用多種不同風格的樣式）。

樣本請見四川省建設廳資訊門戶,介面切換在右上方，1所示。由於時間原因，並未通過XHTML和CSS校正，但原理是一樣的。

圖1：介面樣式切換

