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

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

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

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

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

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

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

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

2.信息跨平臺(tái)的可用性

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

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