事實上，在使用Dreamweaver等軟件進(jìn)行網(wǎng)頁設(shè)計制作時，已經(jīng)開始使用Web標(biāo)準(zhǔn)技術(shù)。在Dreamweaver或者其他網(wǎng)頁編輯器環(huán)境中進(jìn)行網(wǎng)站設(shè)計，實際上網(wǎng)頁編輯器會自動為我們編寫符合Web標(biāo)準(zhǔn)中各種技術(shù)的代碼段。雖然我們一直在使用編輯器或其他方式編寫網(wǎng)頁標(biāo)準(zhǔn)，但這并不意味著我們制作的網(wǎng)頁就符合標(biāo)準(zhǔn)。真正符合標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計，是指能夠靈活運(yùn)用Web標(biāo)準(zhǔn)，將Web內(nèi)容的結(jié)構(gòu)、表現(xiàn)和行為分離——即表現(xiàn)和內(nèi)容的分離。采用最科學(xué)合理的結(jié)構(gòu)搭建網(wǎng)站，使網(wǎng)站易于使用?？煽壳乙子诰S護(hù)，這是標(biāo)準(zhǔn)設(shè)計的最終目標(biāo)。本書的主要目的就是為讀者帶來一種新的符合該標(biāo)準(zhǔn)的網(wǎng)站編碼設(shè)計方法。

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

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

性能是指信息的表現(xiàn)形式，如字號、字體、布局等的設(shè)計，稱為性能。使用性能和內(nèi)容分離技術(shù)的好處主要在于以下幾個方面：1.高效率的開發(fā)與簡單維護(hù)

在網(wǎng)站設(shè)計過程中，開發(fā)者最希望的是高效的開發(fā)和簡單的維護(hù)，這是網(wǎng)站開發(fā)運(yùn)營成本的關(guān)鍵。表現(xiàn)與內(nèi)容分離帶來的高效開發(fā)，是指通過內(nèi)容與表現(xiàn)分離技術(shù)，將具體的內(nèi)容與風(fēng)格設(shè)計分離，使同一個設(shè)計可以復(fù)用。在界面上定義了一個元素的設(shè)計風(fēng)格后，通過設(shè)計和內(nèi)容的分離，設(shè)計風(fēng)格代碼可以在另一個信息內(nèi)容中復(fù)用。直接套用或繼承此代碼進(jìn)行擴(kuò)展，達(dá)到復(fù)用設(shè)計風(fēng)格的理念是的，這樣可以減少重復(fù)的代碼編寫，加快開發(fā)效率。

樣式代碼復(fù)用方式在維護(hù)上也起到了事半功倍的作用。通過修改同一個代碼段，可以同時改變復(fù)用代碼所有區(qū)域的樣式，從而使維護(hù)變得簡單高效。值得注意的是，由于內(nèi)容和表現(xiàn)的分離，風(fēng)格設(shè)計者可以專注于風(fēng)格的表現(xiàn)，而無需重復(fù)定義風(fēng)格內(nèi)容，大大提高了可讀性和可維護(hù)性。

樣式代碼復(fù)用方式在維護(hù)上也起到了事半功倍的作用。通過修改同一個代碼段，可以同時改變復(fù)用代碼所有區(qū)域的樣式，從而使維護(hù)變得簡單高效。值得注意的是，由于內(nèi)容和表現(xiàn)的分離，風(fēng)格設(shè)計者可以專注于風(fēng)格的表現(xiàn)，而無需重復(fù)定義風(fēng)格內(nèi)容，大大提高了可讀性和可維護(hù)性。2.信息跨平臺的可用性

通過將內(nèi)容與設(shè)計分開，我們可以使信息以更低的成本跨平臺轉(zhuǎn)換。

由于內(nèi)容和設(shè)計已經(jīng)分離，樣式可以替換為其他設(shè)備，例如掌上電腦或游戲控制臺終端。我們只需要更換一個樣式設(shè)計文件就可以在另一臺設(shè)備上有不同的樣式來適應(yīng)不同的樣式。設(shè)備的屏幕要求。網(wǎng)頁內(nèi)容無需更改。

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗，每一個項目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！