在網(wǎng)站建設(shè)過程中是否需要利用DIV+CSS布局、或者網(wǎng)站改版是否需要進(jìn)行DIV+CSS重構(gòu)，幾乎一直是網(wǎng)絡(luò)服務(wù)業(yè)爭(zhēng)論不休的話題；確實(shí)在現(xiàn)階段，如果利用Table布局的網(wǎng)站看不出有什么明顯的問題，而且就象很多網(wǎng)絡(luò)公司說的那樣，DIV+CSS也確實(shí)不是什么新鮮玩意。然而也正是這么一個(gè)沒有什么新意的玩意，很多網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計(jì)從業(yè)者都不愿意去接受和嘗試，這除了意識(shí)形態(tài)的問題，我想，跟惰性也是有關(guān)系的：反正飯能吃飽，至于能不能吃好那當(dāng)然也就沒誰去在乎了，不是嗎......

為什么很多網(wǎng)站建設(shè)從業(yè)者不愿意把網(wǎng)站改成DIV+CSS呢？當(dāng)然理由有2種：1、沒必要；2、太麻煩?！皼]必要”這個(gè)理由很有意思

DIV是什么？是division，就是區(qū)域、區(qū)塊的意思。在HTML代碼出現(xiàn)的時(shí)候，DIV這個(gè)標(biāo)簽本來就是用來做頁面布局的。大家現(xiàn)在做網(wǎng)頁、建網(wǎng)站，卻大多使用table來搭建框架、做頁面布局。

Table是什么？table是表格的意思，table只應(yīng)該在輸出數(shù)據(jù)、輸入數(shù)據(jù)作為表格、表單的時(shí)候才出現(xiàn)。所以說，用table來做網(wǎng)頁布局本來就是錯(cuò)誤的。

DIV重構(gòu)網(wǎng)站不但有必要，而且從道理上來說也是必須的：你可以躺在沙發(fā)上睡覺，而且可以睡得很香，如果你愿意的話您還可以在地板上睡覺，如果習(xí)慣了甚至覺得地板上睡覺也蠻舒服的；但媽媽或老師都會(huì)教育你應(yīng)該到床上睡，沒什么理由，床設(shè)計(jì)出來就是用來睡覺的、而沙發(fā)設(shè)計(jì)出來就是用來休息或會(huì)客坐的。如果把床和沙發(fā)調(diào)換一下功能或者位置，不光是自己、別人也會(huì)覺得別扭......總之達(dá)到某個(gè)目標(biāo)的的辦法有很多種，我們無非是要找出最快捷、最有效、最讓大家信服的那一種而已。

“太麻煩”這個(gè)理由可以理解

我們給很多企業(yè)做過網(wǎng)站重構(gòu)，并按照Xhtml結(jié)構(gòu)化代碼，使其更加符合W3C標(biāo)準(zhǔn)。因?yàn)閃3C標(biāo)準(zhǔn)正在不斷改變、各瀏覽器對(duì)WEB標(biāo)準(zhǔn)的支持。

重構(gòu)網(wǎng)站要花的精力是驚人的，我認(rèn)為遠(yuǎn)大于新建設(shè)一個(gè)網(wǎng)站。因?yàn)槊坑幸稽c(diǎn)改進(jìn)，就要測(cè)試不同瀏覽器（比如IE、Firefox、Opera）、和不同版本的(IE 7.0、IE 6.0、IE 5.0、Firefox1.5、Firefox1.0 )兼容性問題。而且你必須打開3臺(tái)電腦，一臺(tái)電腦上是沒法同時(shí)查看同一種瀏覽器不同版本的效果的。網(wǎng)站元素越多，出現(xiàn)的問題就越多，我們?cè)?jīng)為了重構(gòu)200個(gè)頁面，花了2個(gè)月的時(shí)間！總之，重構(gòu)一個(gè)網(wǎng)站確實(shí)很麻煩。

為什么要采用DIV+CSS重構(gòu)

如果你給老外做網(wǎng)站，他一般都會(huì)要求你的作品是DIV+CSS的。DIV+CSS重構(gòu)過的網(wǎng)站主要體現(xiàn)在以下幾個(gè)方面，更多請(qǐng)參考網(wǎng)站使用DIV+CSS布局有什么好處

1、結(jié)構(gòu)清晰：是指網(wǎng)頁源代碼的結(jié)構(gòu)清晰，不是指客戶端顯示出來的網(wǎng)頁。很多人覺得網(wǎng)頁源代碼結(jié)構(gòu)清晰有什么用呢？用戶又不會(huì)看你的網(wǎng)頁源代碼！確實(shí)，這個(gè)觀點(diǎn)是成立的，但是結(jié)構(gòu)清晰的網(wǎng)站代碼將更加有利于搜索引擎抓取有用的信息，而且在進(jìn)行團(tuán)隊(duì)開發(fā)的時(shí)候更有利于流程和標(biāo)準(zhǔn)的統(tǒng)一、有利于開發(fā)團(tuán)隊(duì)相互配合，特別是在進(jìn)行網(wǎng)站改版和結(jié)構(gòu)調(diào)整的時(shí)候。

2、下載速度：DIV+CSS避免了煩瑣、重復(fù)的表格屬性和表格嵌套（Table嵌套），避免半天打不開網(wǎng)頁的情況，而且結(jié)構(gòu)化的、清晰的代碼可大大的減少網(wǎng)站代碼繁瑣度，本身體積也會(huì)變得更小，從而獲得更快的下載速度。

3、易于改版和更新：DIV+CSS采用的是“表現(xiàn)和代碼分離”的模式，這在網(wǎng)站改版和網(wǎng)站更新的時(shí)候就表現(xiàn)得特別明顯，所有的內(nèi)容信息包含在網(wǎng)頁里，而布局及設(shè)計(jì)元素全在css文件里，如果要進(jìn)行網(wǎng)站結(jié)構(gòu)調(diào)整的話，我們根本無需要進(jìn)行網(wǎng)頁和程序的更新，只需要更換CSS文件即可！

4、SEO搜索引擎優(yōu)化：幾乎所有SEO網(wǎng)站都采用DIV+CSS布局，因?yàn)椤坝行шP(guān)鍵詞占網(wǎng)頁總代碼的比重”一定會(huì)影響到搜索的結(jié)果和效果。而采用DIV+CSS避免了Table嵌套層次太多無法被搜索引擎抓取的問題；而且簡(jiǎn)潔、結(jié)構(gòu)化的代碼更加有利于突出重點(diǎn)和適合搜索引擎抓取，在網(wǎng)絡(luò)營(yíng)銷型網(wǎng)站建設(shè)中，這點(diǎn)是非常重要。

DIV+CSS其實(shí)不是一個(gè)形式的問題，而是理念問題。DIV+CSS向我們傳達(dá)了“區(qū)塊”、“表現(xiàn)和代碼分離”的網(wǎng)站設(shè)計(jì)理念，因?yàn)榻^大多數(shù)XHTML標(biāo)簽都可以被我們通過CSS定義為塊，并且賦予豐富的表現(xiàn)形式。但就是這樣的模式，讓我們可以統(tǒng)一的、標(biāo)準(zhǔn)的、結(jié)構(gòu)化的使用XHTML標(biāo)簽，其意義才可以表現(xiàn)出來。

總之，選擇一個(gè)正確的修改方式才是最重要的！網(wǎng)站建設(shè)才能展現(xiàn)它的無限魅力！