事實上，在使用Dreamweaver等軟件進行網(wǎng)頁設計制作時，就已經(jīng)開始使用Web標準技術了。在Dreamweaver或其他網(wǎng)頁編輯器環(huán)境中進行網(wǎng)站設計，實際上是由網(wǎng)頁編輯器為我們自動編寫符合Web標準中的各個技術的代碼段。雖然我們一直在使用編輯器或者其他手段進行Web標準的編寫，但并不意味著我們所做出的網(wǎng)頁就是符合標準的。真正符合標準的網(wǎng)頁設計是指能夠靈活地使用Web標準對Web內(nèi)容進行結(jié)構、表現(xiàn)與行為的分離—即表現(xiàn)與內(nèi)容分離的，用最科學、最合理的結(jié)構來構建網(wǎng)站，讓網(wǎng)站易用、可靠、便于維護，這才是符合標準設計的最終目標。本書的主旨正是希望能夠帶給讀者符合這種標準的，新的網(wǎng)站編碼設計方法。

表現(xiàn)與內(nèi)容分離技術是目前Web標準制定的核心目的。

內(nèi)容是指具體的信息，僅僅表示信息正文。正文通過XHTML結(jié)構化語言被標記為各個獨立的部分，如左分欄、右分欄、新聞列表等。

表現(xiàn)是指信息的展示形式，如對字號、字體、排版的設計，稱之為表現(xiàn)。使用表現(xiàn)與內(nèi)容分離技術的好處，主要在于下面幾個方面：

1.高效率的開發(fā)與簡單維護

在網(wǎng)站設計過程中，對于開發(fā)人員來說，最希望的就是能夠高效開發(fā)與簡單維護，這正是網(wǎng)站開發(fā)與運營成本的關鍵所在。由表現(xiàn)與內(nèi)容分離所帶來的高效開發(fā)是指通過內(nèi)容與表現(xiàn)的分離技術，可以使具體內(nèi)容與樣式設計分離開來，使得同一個設計可以重復使用。定義界面上某個元素的設計樣式之后，通過設計與內(nèi)容的分離，可以將這段設計樣式代碼重用于另一個信息內(nèi)容之中.直接應用或繼承這段代碼進行擴展，達到重用設計樣式的口的，這樣可以減少重復編寫的代碼，加快開發(fā)效率。

樣式代碼重用方法在維護中同樣起到事半功倍的作用，通過修改同一個代碼段，.便可以使重用代碼的所有區(qū)域同時改變樣式，從而使維護簡單高效。值得注意的是，由于內(nèi)容與表現(xiàn)的分離，使得樣式設計人員可以專注于樣式的表現(xiàn)而不用重復定義樣式內(nèi)容，在可讀性和維護性上都得到極大的提高。

樣式代碼重用方法在維護中同樣起到事半功倍的作用，通過修改同一個代碼段，便可以使重用代碼的所有區(qū)域同時改變樣式，從而使維護簡單高效。值得注意的是，由于內(nèi)容與表現(xiàn)的分離，使得樣式設計人員可以專注于樣式的表現(xiàn)而不用重復定義樣式內(nèi)容，在可讀性和維護性上都得到極大的提高。

2.信息跨平臺的可用性

通過將內(nèi)容與設計進行分離的手段，我們可以使信息以較低的成本實現(xiàn)跨平臺轉(zhuǎn)換。

由于內(nèi)容與設計己經(jīng)分離，可以針對其他設備進行樣式上的替換，比如針對掌上電腦或者游戲機終端，我們只需替換一個樣式設計文件即可在另一設備上擁有不同樣式表現(xiàn)，以適應不同設備的屏幕需求.而網(wǎng)頁的內(nèi)容則無須改變。