按照習(xí)慣的理解，這兩個概念似乎都是指的一個東西（就是咱們在這個版里討論的這些個"高深理論“^_^）。但我認(rèn)為，事實上從技術(shù)的角度上講，這兩個事物幾乎沒有任何相關(guān)性。web標(biāo)準(zhǔn)簡而言之就是將頁面的結(jié)構(gòu)、表現(xiàn)和行為各自獨立實現(xiàn)，更通俗的講就是如今招聘時流行的語言”div+css"。但W3C XHTML的任何一個版本都沒有對web標(biāo)準(zhǔn)理念作限制。很顯然的，我們可以用xhtml 1.1寫出一個table定位的網(wǎng)頁。說到這里，或許會認(rèn)為我講了一堆廢話。但任何一項技術(shù)，只有當(dāng)你對基礎(chǔ)概念有足夠清晰的認(rèn)識的時候，你才會正確的使用它。我從下面兩個方面，來談?wù)勅缃馱eb標(biāo)準(zhǔn)應(yīng)用走向的兩個歧途：

第一種情況我覺得比較難理解一些，即試圖用各種紛繁復(fù)雜的div嵌套和css語句來實現(xiàn)你所想要的表現(xiàn)。很簡單的一個例子就在我剛看到的一個帖子"不用切圖的頁面圓角 "。首先我想肯定的是這個創(chuàng)意確實很不錯，使用CSS功能將圓角“畫”出來。為此，設(shè)計者必須在相應(yīng)的位置加上一大段如下的代碼：

　　<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
　　<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>

　　但是，這里嚴(yán)重違反了Web標(biāo)準(zhǔn)的基本概念——結(jié)構(gòu)與表現(xiàn)要分離。因為它將用于控制網(wǎng)頁表現(xiàn)的代碼放在結(jié)構(gòu)文檔中了?；蛟S你會說它事實上還是將真正的表現(xiàn)代碼放在CSS里的。但我認(rèn)為這是一個偷換概念。因為以上這些b標(biāo)簽跟網(wǎng)頁結(jié)構(gòu)無關(guān)，它們都是一些空標(biāo)簽。也就是說，它的存在并不是為了將某些內(nèi)容放在文檔結(jié)構(gòu)需要的位置。因此它們對于文檔結(jié)構(gòu)來說只是一些廢代碼?！?/P>

第二種情況很簡單。自以為只要使用了XHTML+CSS就是Web標(biāo)準(zhǔn)了。頁面里面遍地是class和id。肆意的為每個細(xì)節(jié)都單獨定義class。這樣的頁面和傳統(tǒng)的html的區(qū)別就是img標(biāo)簽里多了個"/"。事實上這樣子還不如回到傳統(tǒng)的html，至少我可以輕松的使用font，而不用總是跟查字典一樣去查樣式表。另一種更隱蔽的隨意使用CSS的我在以后講。

　　另外一個例子可能更加隱蔽。之前我有在alistapart.com上看到過如何實現(xiàn)網(wǎng)頁三通欄的文章，其原理大概就是使用三四個div相互嵌套。我認(rèn)為這也是一個違反Web標(biāo)準(zhǔn)思想的做法。因為這些div標(biāo)簽在代碼中擺放的次序已經(jīng)不單純是為了結(jié)構(gòu)的需要，而是用于網(wǎng)頁的表現(xiàn)。

　　當(dāng)然，我承認(rèn)，以上的觀點在一定程度是鉆牛角尖（但反過來說，非要實現(xiàn)非圖片圓角不也是在鉆牛角尖么，呵呵）。有些時候結(jié)構(gòu)和表現(xiàn)并不是那么輕易的就能分開的，我們?yōu)榱藢崿F(xiàn)一些豐富的表現(xiàn)不得不讓結(jié)構(gòu)去遷就（想想<div style="clear:both" />的用處）。但是知道什么是對什么是錯是很重要的。即使我們有時候不得不做一些錯事。