前不久聽到這樣一個(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í)給我們帶來了一場(chǎng)革命。我看過部分章節(jié)，是本好書�？赡苁莄ss，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(wǎng)站重構(gòu)》這本書自始至終沒說不能使用table標(biāo)簽，為什么到現(xiàn)在，頁面上出現(xiàn)一個(gè)table標(biāo)簽就說這頁面是垃圾呢？可能跟中國(guó)革命的徹底性有關(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）。對(duì)應(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)主要包括對(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)頁設(shè)計(jì)師網(wǎng)站（相當(dāng)于《網(wǎng)站重構(gòu)》的官方網(wǎng)站）有這么一句話：
怎樣才是符合web標(biāo)準(zhǔn)?簡(jiǎn)單說就是不用HTML+table來設(shè)計(jì)頁面，改用XHTML+CSS來實(shí)現(xiàn)。(出自：http://www.w3cn.org/faq/index.html)
可能這句話才是誤讀《網(wǎng)站重構(gòu)》的真正源頭，抹殺table的真正元兇。但是我相信阿捷他老人家的出發(fā)點(diǎn)是鼓勵(lì)大家使用XHTML+CSS來布局網(wǎng)頁。
《網(wǎng)站重構(gòu)》給我們帶來一場(chǎng)革命，同時(shí)也給我們帶來了災(zāi)難性的div+css泛濫
《網(wǎng)站重構(gòu)》給我們帶來一場(chǎng)革命是譯者預(yù)料之中的事情，同時(shí)也給我們帶來了災(zāi)難性的div+css泛濫是譯者始料未及的�，F(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)前國(guó)內(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)也就真正開始了。
純屬個(gè)人觀點(diǎn)，歡迎留言斧正。
粵公網(wǎng)安備 44010402000282號(hào)