看了cragle的《有沒(méi)有必要將網(wǎng)站Div+Css重構(gòu)?》的文章，有一些想法不說(shuō)不快，我也在文章的評(píng)論里提到曾經(jīng)開(kāi)除過(guò)兩個(gè)執(zhí)著使用div技術(shù)的美工，遭到一些朋友的反對(duì)，但也有一位技術(shù)總監(jiān)的朋友發(fā)帖表示支持，很經(jīng)典的話就是：“做站是給人看的。不是給機(jī)器。符合w3c標(biāo)準(zhǔn)又怎么樣?”。

　　說(shuō)到web設(shè)計(jì)，我是2000年入行的，應(yīng)該還是有說(shuō)幾句話的份，先說(shuō)說(shuō)被我開(kāi)的兩個(gè)美工吧。

　　那是和朋友一起籌建一個(gè)新公司，招了一個(gè)美工設(shè)計(jì)公司的形象網(wǎng)站，在談?wù)摴べY的時(shí)候，他便說(shuō)，如果你們要我用div做頁(yè)面的話，工資要高一點(diǎn)。我想高點(diǎn)就高點(diǎn)，如果你真做的好，沒(méi)有關(guān)系。其實(shí)那個(gè)時(shí)候我也是才開(kāi)始認(rèn)真研究這個(gè)東西。

　　但出乎我的意料的是，在公司的網(wǎng)站的宣傳廣告里，這位仁兄居然加了這么一句話(宣傳嘛，廣告語(yǔ)我沒(méi)有時(shí)間寫那么多，就讓他充分發(fā)揮)，內(nèi)容是：“國(guó)內(nèi)90%以上的網(wǎng)站將被淘汰，div+css即將成為未來(lái)標(biāo)準(zhǔn)”。

　　也許是想他比較自信吧，但是沒(méi)有深究，萬(wàn)沒(méi)有想到的是，這個(gè)簡(jiǎn)單的宣傳網(wǎng)站足足花了半個(gè)月時(shí)間，頁(yè)面設(shè)計(jì)水平很爛——顏色搭配都不好，終于被投資人推翻了，又重新設(shè)計(jì)了半個(gè)月，又被推翻了，雖然我一直強(qiáng)調(diào)美工應(yīng)該先學(xué)好網(wǎng)站結(jié)構(gòu)設(shè)計(jì)，顏色搭配等等，但他都當(dāng)成耳邊風(fēng)，終于，我讓他離開(kāi)了。

　　后來(lái)公司再次改版，花了一個(gè)星期，做的十分漂亮，table結(jié)構(gòu)。

　　我這個(gè)時(shí)候還沒(méi)意識(shí)到div在一些新人眼中產(chǎn)生的誤導(dǎo)會(huì)比我想象的嚴(yán)重，直到第二個(gè)美工上班。

　　他是才畢業(yè)的，非常勤懇的做事，但他絕對(duì)中毒不輕。

　　第一天上班，他便指著我電腦上開(kāi)的IE，說(shuō)，你這個(gè)東西是很不安全的，非常非常爛的，一定要用firefox，只有firefox才是正途，以后都是firefox的天下。我愕然，那個(gè)時(shí)候，網(wǎng)上充斥著firefox的廣告——很多站長(zhǎng)為了掙美元，很不厚道的貶低IE，狂夸firefox，目的就是為了吸引訪問(wèn)者下載。

　　這位仁兄也喜歡用div編寫頁(yè)面，并且對(duì)table表現(xiàn)出極大的不屑，甚至眼里容不得table這個(gè)單詞，他開(kāi)始每天花費(fèi)90%的時(shí)間用于構(gòu)建html文件和css樣式表，甚至為了一個(gè)px拿尺子在屏幕上丈量——實(shí)在太夸張了，卻只把10%的時(shí)間放在頁(yè)面整體設(shè)計(jì)和美工制作。同時(shí)，為了節(jié)約幾個(gè)字節(jié)，把一個(gè)圖片裁成一個(gè)很小字節(jié)的圖片，整個(gè)圖片文件夾充滿了細(xì)碎的圖片。

　　當(dāng)然，他到最后也沒(méi)拿出令我滿意的作品，因?yàn)榉N種原因，我們的改版是很頻繁的，有時(shí)候很大，我不可能為了改一點(diǎn)小東西等他在那里堆一天的代碼，測(cè)試N個(gè)瀏覽器。畢竟做公司的，要考慮成本，我每天只擁有他8個(gè)小時(shí)的工作時(shí)間，等不得，我只有請(qǐng)他離開(kāi)。

　　說(shuō)實(shí)話，我并不是反對(duì)div+css，但物生一利，必生一弊，div+css的利處大家說(shuō)了很多，我就說(shuō)說(shuō)狂熱的追求div+css的幾個(gè)弊端：

　　1、大大增加了開(kāi)發(fā)時(shí)間，同時(shí)也增加了開(kāi)發(fā)成本。當(dāng)然如果你是一個(gè)熟手，或者可以白天黑夜都加班而不用擔(dān)心沒(méi)有加班費(fèi)，那可能不會(huì)。

　　2、大大增加協(xié)同工作的難度，很多沒(méi)學(xué)過(guò)div的程序員對(duì)于美工出的div頁(yè)面束手無(wú)措，稍微改錯(cuò)了，可能整個(gè)站點(diǎn)就慘不忍睹了。當(dāng)然，如果你是一個(gè)全才，可以搞定一切，也可能不會(huì)。

　　3、增加了開(kāi)發(fā)風(fēng)險(xiǎn)，一個(gè)css文件的出錯(cuò)，可能導(dǎo)致整站崩潰，慘不忍睹，大量的訪問(wèn)鏈接同時(shí)調(diào)用靜態(tài)的css文件，可能造成并發(fā)錯(cuò)誤，調(diào)用失敗。

　　幾年前，我在一個(gè)朋友車?yán)镒娴臅r(shí)候，當(dāng)時(shí)他唾沫橫飛的問(wèn)我，你會(huì)不會(huì)做web2.0，我說(shuō)web2.0不是技術(shù)，web2.0是一種思想，并不是改成div+css就是2.0了。他說(shuō)錯(cuò)了錯(cuò)了，你落伍了，你們那個(gè)1.0的網(wǎng)站馬上就要不行的，我馬上要投資做的2.0網(wǎng)站打算如何如何，準(zhǔn)備上市的。幾年后，我那個(gè)1.0的網(wǎng)站銷售額還在穩(wěn)步增長(zhǎng)，但他的2.0卻再?zèng)]聽(tīng)他提過(guò)。

　　div不是壞東西，但是不能鉆牛角尖。

　　關(guān)于某些維護(hù)div的div黨，有幾個(gè)誤區(qū)我想說(shuō)一下，也給新入行的朋友一點(diǎn)提醒。

　　誤區(qū)一：W3C標(biāo)準(zhǔn)就是摒棄一切表格

　　查閱一下W3C的幫助文件，沒(méi)有發(fā)現(xiàn)W3C放棄了table定義，而且利用table制作的頁(yè)面也一樣可以通過(guò)W3C效驗(yàn)，事實(shí)上，跟隨網(wǎng)頁(yè)從產(chǎn)生到現(xiàn)在，table一直都是標(biāo)準(zhǔn)的W3C定義。

　　誤區(qū)二：div+css可以精簡(jiǎn)代碼

　　大家都說(shuō)DIV的布局精簡(jiǎn)代碼，但是用DIV替代TABLE所節(jié)約的代碼又被CSS(樣式)所占用，而這些樣式大多用于控制DIV的排版布局。一旦css出錯(cuò)，后果不堪設(shè)想。而且，狂熱的追求把幾十K的頁(yè)面再縮小一倍，完全沒(méi)必要，大家都知道，一個(gè)網(wǎng)頁(yè)打開(kāi)，真正占帶寬的不是網(wǎng)頁(yè)本身，而是圖片，flash等，一個(gè)頁(yè)面100K，可能需要下載的圖片，flash，視頻有幾M之多?，F(xiàn)在硬件發(fā)展速度遠(yuǎn)超軟件發(fā)展速度，帶寬也漸漸不是問(wèn)題。狂熱追求代碼的精簡(jiǎn)是舍本逐末。

　　誤區(qū)三：用div可以更容易被搜索引擎搜索到

　　目前尚無(wú)任何證據(jù)證明用div可以更容易被搜索引擎收錄，也許這個(gè)只是存在于美好的想象中。

　　始終堅(jiān)信，做網(wǎng)站就四個(gè)字：“內(nèi)容為王”。做公司，也是四個(gè)字：“開(kāi)源節(jié)流”。其它的，都是虛的。

　　追求新技術(shù)不是錯(cuò)，但鉆牛角尖就不對(duì)了，用div也沒(méi)錯(cuò)，確實(shí)有很多好處，但切不可成了div的偏執(zhí)狂

• css
• div