有這樣一個(gè)面試的故事：

面試官：你準(zhǔn)備在我們公司做些什么事情?(大致這個(gè)意思)

面試人：我準(zhǔn)備在公司做網(wǎng)站重構(gòu)，把原來是table的頁面全部重構(gòu)成css+div的，...

面試官：不好意思，我們的網(wǎng)站都是css+div的，不需要重構(gòu)了。

面試人：...(無語了)

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

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

我個(gè)人認(rèn)為這本書始終圍繞這一個(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è)問題。table標(biāo)簽一直是W3C html的標(biāo)準(zhǔn)標(biāo)簽之一，為什么到了我們這里就拒絕使用了，table標(biāo)簽被抹殺是21世紀(jì)初最大的IT冤案。《網(wǎng)站重構(gòu)》這本書自始至終沒說不能使用table標(biāo)簽，為什么到現(xiàn)在，頁面上出現(xiàn)一個(gè)table標(biāo)簽就說這頁面是垃圾呢?可能跟中國革命的徹底性有關(guān)系。

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

WEB標(biāo)準(zhǔn)不是某一個(gè)標(biāo)準(zhǔn)，而是一系列標(biāo)準(zhǔn)的集合。網(wǎng)頁主要由三部分組成：結(jié)構(gòu)(Structure)、表現(xiàn)(Presentation)和行為(Behavior)。對應(yīng)的標(biāo)準(zhǔn)也分三方面：結(jié)構(gòu)化標(biāo)準(zhǔn)語言主要包括XHTML和XML，表現(xiàn)標(biāo)準(zhǔn)語言主要包括CSS，行為標(biāo)準(zhǔn)主要包括對象模型(如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)。

而在阿捷的網(wǎng)頁設(shè)計(jì)師網(wǎng)站(相當(dāng)于《網(wǎng)站重構(gòu)》的官方網(wǎng)站)有這么一句話：

怎樣才是符合web標(biāo)準(zhǔn)?簡單說就是不用HTML+table來設(shè)計(jì)頁面，改用XHTML+CSS來實(shí)現(xiàn)。

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

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

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

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

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

引用WebReBuild.ORG 的話：當(dāng)前國內(nèi)的同行普遍的認(rèn)為：所謂的網(wǎng)站重構(gòu)就是“DIV+CSS”，想法固然極度局限。但也不是另一部分的人認(rèn)為是“XHTML+CSS”，因?yàn)椤癤HTML+CSS”只是頁面重構(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)也就真正開始了。