采用XHTML和CSS設(shè)計(jì)可重用可換膚的WEB站點(diǎn)的方法第1/4頁(yè)

XHTML 標(biāo)準(zhǔn)的目標(biāo)是取代 html。按照 W3C 的說(shuō)法，“XHTML 是 html 的繼承者”(http://www.w3.org/MarkUp/)。

XHTML具有兩大目標(biāo)：

• 在文檔結(jié)構(gòu)和表示形式之間創(chuàng)建更明顯的分離。
• 將 html 重新表示為 XML 的應(yīng)用程序。

使用XHTML標(biāo)準(zhǔn)的好處是：只需設(shè)計(jì)頁(yè)面一次，即可讓該頁(yè)以完全相同的方式在任何現(xiàn)代的瀏覽器中顯示和工作。例如，在按照標(biāo)準(zhǔn)生成以后，頁(yè)面在Internet Explorer、Mozilla Firefox、Netscape Navigator、Opera、Camino 和 Safari）中以相同的方式顯示，而無(wú)需完成任何額外的工作。并且XHTML標(biāo)準(zhǔn)可以使 Web 站點(diǎn)更易于為智能手機(jī)、殘疾人電腦等設(shè)備訪問(wèn)。

由于XHTML標(biāo)準(zhǔn)要求在在文檔結(jié)構(gòu)和表示形式之間創(chuàng)建更明顯的分離。因此使用CSS樣式表是必不可少的。CSS在網(wǎng)頁(yè)中占著極重要的地位，它的使用一直是熱門(mén)討論的話題。CSS是Cascading Style Sheet的簡(jiǎn)寫(xiě)，譯為“層疊樣式表單”。 在1997年W3C頒布HTML4標(biāo)準(zhǔn)的同時(shí)也公布了有關(guān)樣式表的第一個(gè)標(biāo)準(zhǔn)CSS1, 自CSS1的版本之后，又在1998年5月發(fā)布了CSS2版本。

CSS 的發(fā)明者的目的是除去表示性元素，即應(yīng)該根據(jù)內(nèi)容所表示的東西來(lái)標(biāo)記內(nèi)容，而樣式表應(yīng)該用于美化內(nèi)容。而這一點(diǎn)與XHTML分離文檔結(jié)構(gòu)和表示形式的目標(biāo)是一致，（在XHTML 2.0將除去b 、 i 和 img 標(biāo)記（以及 big 、 small 和 tt ），甚至不贊成使用 br ，準(zhǔn)備從將來(lái)的發(fā)行版中除去它。原因在于大多數(shù)標(biāo)記都是表示性的。它們的唯一目的就是給予瀏覽器指令，規(guī)定有關(guān)其內(nèi)容應(yīng)該如何顯示，但卻完全未提供有關(guān)其內(nèi)容是什么的信息。） 因此它們成了最好的合作伙伴。更多關(guān)于XHTML2.0的資料，請(qǐng)參見(jiàn)：http://www-128.ibm.com/developerworks/cn/xml/x-wa-xhtml/index.html

CSS過(guò)去經(jīng)常被用來(lái)定義字體的屬性，而現(xiàn)在新標(biāo)準(zhǔn)中我們將用它來(lái)控制整個(gè)頁(yè)面的顯示。然而，我們必須需要做一些不同于以往的處理來(lái)適應(yīng)這種新的變化，如：使用div來(lái)布局而不是表格，使用結(jié)構(gòu)化、語(yǔ)義化的標(biāo)記等等。由于采用新的處理方式，我們現(xiàn)在可以輕松地設(shè)計(jì)出可重用的CSS（同一個(gè)樣式文件多個(gè)WEB站點(diǎn)中使用）以及可換膚的WEB站點(diǎn)（一個(gè)站點(diǎn)使用多種不同風(fēng)格的樣式）。

示例請(qǐng)見(jiàn)四川省建設(shè)廳信息門(mén)戶,界面切換在右上方，如圖1所示。由于時(shí)間原因，并未通過(guò)XHTML和CSS校驗(yàn)，但原理是一樣的。

圖1：界面樣式切換