小編現(xiàn)在還發(fā)現(xiàn)很多網(wǎng)站使用table，其實(shí)div+css已經(jīng)出現(xiàn)很多年了，比起table已經(jīng)有了很大的優(yōu)越性，更起碼的一點(diǎn)發(fā)現(xiàn)沒(méi)有，div的網(wǎng)站可以下載一部分顯示一部分網(wǎng)頁(yè)，而table不行，必須下載了整個(gè)網(wǎng)頁(yè)才會(huì)顯示，這樣就不容易讓客戶(hù)快速關(guān)閉網(wǎng)站，已經(jīng)打開(kāi)就能看到一部分，不至于什么都看不到，不給客戶(hù)一個(gè)無(wú)聊或者等待的時(shí)間。這無(wú)形中就提高了網(wǎng)站的用戶(hù)體驗(yàn)，也給用戶(hù)留下了一個(gè)好的印象，這還只是說(shuō)到一點(diǎn)，其實(shí)好處遠(yuǎn)不止這些，

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

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

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

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

　　特別值得說(shuō)明的是：在一些Web2.0網(wǎng)站建設(shè)中，DIV+CSS采用的“表現(xiàn)和代碼分離”模式就是必須的了，比如百度空間（blog），如果不采用DIV+CSS用戶(hù)根本無(wú)法象現(xiàn)在這樣靈活的定義自己空間/Blog的布局和風(fēng)格。

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

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