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

表現與內容分離技術是目前Web標準制定的核心目的。

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

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

1.高效率的開發與簡單維護

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

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

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

2.信息跨平臺的可用性

通過將內容與設計進行分離的手段，我們可以使信息以較低的成本實現跨平臺轉換。

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