另一個(gè)角度談?wù)凞IV CSS_CSS教程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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