XHTML CSS制作樣式風格切換的WEB站點
2024-07-11 08:24:46
供稿：網友
隨著XHTML的逐漸推廣流行，HTML在許多場合已經顯得過時。WorldWideWebConsortium(W3C)于2000年6月26日發布了XHTML的第一個版本作為推薦標準。XHTML標準的目標是取代html。按照W3C的說法，“XHTML是html的繼承者”(http://www.w3.org/MarkUp/)。
XHTML具有兩大目標：
在文檔結構和表示形式之間創建更明顯的分離。
將html重新表示為XML的應用程序。
使用XHTML標準的好處是：只需設計頁面一次，即可讓該頁以完全相同的方式在任何現代的瀏覽器中顯示和工作。例如，在按照標準生成以后，頁面在InternetExplorer、MozillaFirefox、NetscapeNavigator、Opera、Camino和Safari）中以相同的方式顯示，而無需完成任何額外的工作。并且XHTML標準可以使Web站點更易于為智能手機、殘疾人電腦等設備訪問。
由于XHTML標準要求在在文檔結構和表示形式之間創建更明顯的分離。因此使用CSS樣式表是必不可少的。CSS在網頁中占著極重要的地位，它的使用一直是熱門討論的話題。CSS是CascadingStyleSheet的簡寫，譯為“層疊樣式表單”。在1997年W3C頒布HTML4標準的同時也公布了有關樣式表的第一個標準CSS1,自CSS1的版本之后，又在1998年5月發布了CSS2版本。
CSS的發明者的目的是除去表示性元素，即應該根據內容所表示的東西來標記內容，而樣式表應該用于美化內容。而這一點與XHTML分離文檔結構和表示形式的目標是一致，（在XHTML2.0將除去b、i和img標記（以及big、small和tt），甚至不贊成使用br，準備從將來的發行版中除去它。原因在于大多數標記都是表示性的。它們的唯一目的就是給予瀏覽器指令，規定有關其內容應該如何顯示，但卻完全未提供有關其內容是什么的信息。）因此它們成了最好的合作伙伴。更多關于XHTML2.0的資料，請參見：http://www-128.ibm.com/developerworks/cn/xml/x-wa-xhtml/index.html
CSS過去經常被用來定義字體的屬性，而現在新標準中我們將用它來控制整個頁面的顯示。然而，我們必須需要做一些不同于以往的處理來適應這種新的變化，如：使用div來布局而不是表格，使用結構化、語義化的標記等等。由于采用新的處理方式，我們現在可以輕松地設計出可重用的CSS（同一個樣式文件多個WEB站點中使用）以及可換膚的WEB站點（一個站點使用多種不同風格的樣式）。
示例請見四川省建設廳信息門戶,界面切換在右上方，如圖1所示。由于時間原因，并未通過XHTML和CSS校驗，但原理是一樣的。
圖1：界面樣式切換
1、重新設計站點的HTML
首先我們要去掉網頁中有關外觀的標簽。在以前的代碼中，我們常用一個表格用來在頁面的內容中創建一個有邊框的區塊，我們還使用〈b〉來加粗文本。用<fontcolor=red>來改變字體顏色等等。用<br>標簽來創建段落等。
