前不久聽(tīng)到這樣一個(gè)面試的故事：

面試官：你準(zhǔn)備在我們公司做些什么事情？（大致這個(gè)意思）
面試人：我準(zhǔn)備在公司做網(wǎng)站重構(gòu)，把原來(lái)是table的頁(yè)面全部重構(gòu)成css+div的，...
面試官：不好意思，我們的網(wǎng)站都是css+div的，不需要重構(gòu)了。
面試人：...(無(wú)語(yǔ)了)

自從2004年阿捷翻譯了《網(wǎng)站重構(gòu)》這本書(shū)，網(wǎng)站重構(gòu)這個(gè)詞就慢慢的必成了css+div，甚至等同起來(lái)，一些朋友把標(biāo)準(zhǔn)跟重構(gòu)也混淆了，css+div跟標(biāo)準(zhǔn)也混淆了。這里有很多誤讀的成份。

無(wú)可厚非《網(wǎng)站重構(gòu)》當(dāng)時(shí)給我們帶來(lái)了一場(chǎng)革命。我看過(guò)部分章節(jié)，是本好書(shū)?？赡苁莄ss，div，標(biāo)準(zhǔn)這些詞太過(guò)于頻繁，很多誤讀的人把網(wǎng)站重構(gòu)和css+div或者h(yuǎn)tml+css，css+div和標(biāo)準(zhǔn)，標(biāo)準(zhǔn)和重構(gòu)都等同起來(lái)，弄得到底什么是什么，誰(shuí)也說(shuō)不清楚。這書(shū)出版到現(xiàn)在已經(jīng)5年了，網(wǎng)站重構(gòu)到底要多久？

我個(gè)人認(rèn)為這本書(shū)始終圍繞這一個(gè)思想：使用WEB標(biāo)準(zhǔn)重構(gòu)網(wǎng)站。

21世紀(jì)初最大的IT冤案

由于2004年絕大多數(shù)網(wǎng)站是使用table布局的，我們知道table布局最大的壞處就是不利于結(jié)構(gòu)和表現(xiàn)分離，后期維護(hù)比較麻煩。而使用css和div能很好的解決這個(gè)問(wèn)題。table標(biāo)簽一直是W3C html的標(biāo)準(zhǔn)標(biāo)簽之一，為什么到了我們這里就拒絕使用了，table標(biāo)簽被抹殺是21世紀(jì)初最大的IT冤案?！毒W(wǎng)站重構(gòu)》這本書(shū)自始至終沒(méi)說(shuō)不能使用table標(biāo)簽，為什么到現(xiàn)在，頁(yè)面上出現(xiàn)一個(gè)table標(biāo)簽就說(shuō)這頁(yè)面是垃圾呢？可能跟中國(guó)革命的徹底性有關(guān)系。

什么是WEB標(biāo)準(zhǔn)

WEB標(biāo)準(zhǔn)不是某一個(gè)標(biāo)準(zhǔn)，而是一系列標(biāo)準(zhǔn)的集合。網(wǎng)頁(yè)主要由三部分組成：結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior）。對(duì)應(yīng)的標(biāo)準(zhǔn)也分三方面：結(jié)構(gòu)化標(biāo)準(zhǔn)語(yǔ)言主要包括XHTML和XML，表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言主要包括CSS，行為標(biāo)準(zhǔn)主要包括對(duì)象模型（如W3C DOM）、ECMAScript等。這些標(biāo)準(zhǔn)大部分由W3C起草和發(fā)布，也有一些是其他標(biāo)準(zhǔn)組織制訂的標(biāo)準(zhǔn)，比如ECMA（European Computer Manufacturers Association）的ECMAScript標(biāo)準(zhǔn)。

具體可以查看：http://baike.baidu.com/view/7913.htm

而在阿捷的網(wǎng)頁(yè)設(shè)計(jì)師網(wǎng)站（相當(dāng)于《網(wǎng)站重構(gòu)》的官方網(wǎng)站）有這么一句話：
怎樣才是符合web標(biāo)準(zhǔn)?簡(jiǎn)單說(shuō)就是不用HTML+table來(lái)設(shè)計(jì)頁(yè)面，改用XHTML+CSS來(lái)實(shí)現(xiàn)。(出自：http://www.w3cn.org/faq/index.html)

可能這句話才是誤讀《網(wǎng)站重構(gòu)》的真正源頭，抹殺table的真正元兇。但是我相信阿捷他老人家的出發(fā)點(diǎn)是鼓勵(lì)大家使用XHTML+CSS來(lái)布局網(wǎng)頁(yè)。

《網(wǎng)站重構(gòu)》給我們帶來(lái)一場(chǎng)革命，同時(shí)也給我們帶來(lái)了災(zāi)難性的div+css泛濫

《網(wǎng)站重構(gòu)》給我們帶來(lái)一場(chǎng)革命是譯者預(yù)料之中的事情，同時(shí)也給我們帶來(lái)了災(zāi)難性的div+css泛濫是譯者始料未及的。現(xiàn)在人們都在談?wù)揹iv+css，談?wù)撛趺唇鉀Q瀏覽器兼容性問(wèn)題，一個(gè)頁(yè)面你就使用了div標(biāo)簽的有之，其實(shí)根本不存在div+css，是HTML+CSS。我問(wèn)一個(gè)朋友什么是em標(biāo)簽，他說(shuō)em是單位（css中度量單位），大家css都很精通了，html呢，基礎(chǔ)呢，結(jié)構(gòu)呢，語(yǔ)義呢？反正都是源代碼一看，都是div標(biāo)簽，就是好頁(yè)面。那你們把這個(gè)頁(yè)面裸奔一下，看看是什么，用Twinsen Liang 的話去看看小學(xué)語(yǔ)文書(shū)。

網(wǎng)站重構(gòu)到底是什么

網(wǎng)站重構(gòu)不是一種技術(shù)，不是css+div，更不是標(biāo)準(zhǔn)，網(wǎng)站重構(gòu)是一種思想，是一種理念。

引用WebReBuild.ORG 的話：當(dāng)前國(guó)內(nèi)的同行普遍的認(rèn)為：所謂的網(wǎng)站重構(gòu)就是“DIV+CSS”，想法固然極度局限。但也不是另一部分的人認(rèn)為是“XHTML+CSS”，因?yàn)椤癤HTML+CSS”只是頁(yè)面重構(gòu)。真正的網(wǎng)站重構(gòu)理應(yīng)包含結(jié)構(gòu)、行為、表現(xiàn)三層次的分離以及優(yōu)化，行內(nèi)分工優(yōu)化，以及以技術(shù)與數(shù)據(jù)、人文為主導(dǎo)的交互優(yōu)化等。

網(wǎng)站重構(gòu)到底要多久

重構(gòu)網(wǎng)站先重構(gòu)人，重構(gòu)你的理念，不要光光追求技術(shù)，追求還原設(shè)計(jì)稿，追求瀏覽器的兼容性，重要的是基礎(chǔ)和理念。當(dāng)你真正了解什么是網(wǎng)站重構(gòu)的時(shí)候網(wǎng)站重構(gòu)也就真正開(kāi)始了。

純屬個(gè)人觀點(diǎn)，歡迎留言斧正。