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

PHP中文网
發布: 2016-05-16 12:04:49
原創
1537 人瀏覽過

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校驗,但原理是一樣的。
採用XHTML和CSS設計可重複使用可換膚的WEB站點的方法第1/4頁_經驗交流
圖1:介面樣式切換


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!