採用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：介面樣式切換