首先上個網頁效果圖：

我們平常都用html+css+JavaScript來寫網頁，使網頁美觀生動。今天先不說JavaScript，那末就是靜態頁面的實現，html+css。實現上面的效果是很容易的。

就像下面這樣：

那末你知道xml+css也是可以寫網頁的嗎？

在學到css課程之前，我歷來沒有這么想過。

接下來我們分析1下（先找個理由把它們聯系起來吧，可能分析的不是那末正確，but just now,who cares?）：

先來看看他們的定義（來自維基百科）：

HTML（超文本標記語言/HyperText Markup Language）是1種用于創建網頁的標準標記語言。HTML是1種基礎技術，常與CSS、JavaScript1起被眾多網站用于設計使人賞心悅目的網頁、網頁利用程序和移動利用程序的用戶界面。網頁閱讀器可以讀取HTML文件，并將其渲染成可視化網頁。HTML描寫了1個網站的結構語義隨著線索的顯現，使之成為1種標記語言而非編程語言。

XML（可擴大標記語言/eXtensible Markup Language），是1種標記語言。標記指計算機所能理解的信息符號，通過此種標記，計算機之間可以處理包括各種信息的文章等。如何定義這些標記，既可以選擇國際通用的標記語言，比如HTML，也能夠使用像XML這樣由相干人士自由決定的標記語言，這就是語言的可擴大性。XML是從標準通用標記語言（SGML）中簡化修改出來的。它主要用到的有可擴大標記語言、可擴大樣式語言（XSL）、XBRL和XPath等。

CSS（層疊樣式表/Cascading Style Sheets），又稱串樣式列表、級聯樣式表、串接樣式表、層疊樣式表、階層式樣式表，1種用來為結構化文檔（如HTML文檔或XML利用）添加樣式（字體、間距和色彩等）的計算機語言，由W3C定義和保護。目前最新版本是CSS2.1，為W3C的推薦標準。CSS3現在已被大部份現代閱讀器支持，而下1版的CSS4仍在開發進程中。

HTML與XML同為標記語言。標記語言，是1種將文本和文本相干的其他信息結合起來，展現出關于文檔結構和數據處理細節的電腦文字編碼。與文本相干的其他信息（包括文本的結構和表示信息等）與原來的文本結合在1起，但是使用標記進行標識。

感覺定義好長，自己順1下理解就是，標記語言是將普通的文本加上標記，合在1起構成1個文檔，這個文檔是有結構的，而且是適用于電腦處理的。

感覺還是理解的不深入。這么想吧，html和xml都可以被閱讀器解析，顯示在網頁上。然后再加上CSS渲染，應當也是可以展現在網頁上的。

分析終了（好費頭腦），理論上xml+css是可以實現效果的。那末實際呢？沒錯，也是可以的，Duang~~~

那末為何大家熟知的都是用html，從沒見過用xml寫網頁的呢？

由于設計初衷不同：XML設計用來傳送及攜帶數據信息，不用來表現或展現數據，HTML語言則用來表現數據，所以XML用處的焦點是它說明數據是甚么，和攜帶數據信息。

術業有專攻。適用的就是好的。

PS：今天這個例子就只是擴大1下，其實不是說推薦用xml來寫頁面。

【附】

古詩鑒賞源碼：

1、HTML+CSS實現

html源碼：

與html配合的css源碼：

2、XML+CSS實現

xml源碼：

與xml配合的css源碼：