在討論DIV+CSS與TABLE的區(qū)別之前，我們來(lái)看看瀏覽器或者搜索引擎是如何對(duì)待一個(gè)網(wǎng)頁(yè)的。
其實(shí)DIV+CSS與TABLE都是完全符合W3C標(biāo)準(zhǔn)的一種網(wǎng)頁(yè)排版方式，DIV+CSS可以在網(wǎng)頁(yè)沒(méi)有完全下載完畢的情況下展示一部分網(wǎng)頁(yè)，而一般情況下TABLE就需要把TABLE下載完畢才可以顯示網(wǎng)頁(yè)，這就是它們?cè)跒g覽器上的區(qū)別，但這只是解決了顯示的問(wèn)題，對(duì)于搜索引擎來(lái)說(shuō)，這兩者是完全一樣的。因?yàn)樗阉饕?需要的是等此網(wǎng)頁(yè)完全下載完畢儲(chǔ)存在數(shù)據(jù)庫(kù)才能開(kāi)始分析。所以從這個(gè)角度上說(shuō)我們不能說(shuō)DIV+CSS就比TABLE好。
那為什么SEO工作中我們還是盡量使用DIV+CSS呢，原因是，DIV如果與CSS分離，它可以讓搜索引擎不讀取CSS代碼而使網(wǎng)頁(yè)代碼對(duì)于搜索引擎而言非常精簡(jiǎn)！而TABLE相對(duì)來(lái)說(shuō)代碼會(huì)比較冗長(zhǎng)。所以，我們可以這樣說(shuō)，DIV+CSS對(duì)于SEO是否更好是取決于你的網(wǎng)頁(yè)設(shè)計(jì)的專(zhuān)業(yè)水平的，而不是DIV+CSS本身。
當(dāng)然，DIV+CSS自身也有一些缺陷，比如，對(duì)于列數(shù)比較多的網(wǎng)頁(yè)結(jié)構(gòu)，DIV+CSS進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)將會(huì)變得非常困難，這時(shí)如果我們使用TABLE就會(huì)使網(wǎng)頁(yè)設(shè)計(jì)簡(jiǎn)單很多。甚至?xí)菵IV+CSS有更簡(jiǎn)潔的代碼設(shè)計(jì)。所以，我經(jīng)常告誡我的學(xué)生，不要盲目地追求DIV+CSS，而是在布局簡(jiǎn)單的大局地方，我們用DIV+CSS，而在細(xì)節(jié)復(fù)雜的地方，我們用TABLE。
搜索引擎對(duì)于網(wǎng)頁(yè)的與排序，不是以是否用TABLE和DIV+CSS來(lái)定位的，也從來(lái)沒(méi)有一個(gè)搜索引擎會(huì)表示會(huì)對(duì)DIV+CSS友好，說(shuō)只有DIV+CSS布局對(duì)搜索引擎友好只是一些虛偽的SEOER的臆想罷了。
DIV+CSS與TABLE在網(wǎng)頁(yè)設(shè)計(jì)中各有優(yōu)缺點(diǎn)，我們只有一個(gè)原則，讓網(wǎng)頁(yè)結(jié)構(gòu)代碼簡(jiǎn)單，關(guān)鍵詞在網(wǎng)頁(yè)內(nèi)容中分布均勻即可，不必刻意非要把網(wǎng)頁(yè)做成DIV+CSS布局，特別是在用比較老的CMS系統(tǒng)的時(shí)候大家更要注意這一點(diǎn)。
總的說(shuō)來(lái)，DIV+CSS和TABLE的對(duì)比如下:
DIV+CSS的優(yōu)點(diǎn)如下:
網(wǎng)頁(yè)載入速度快； 頁(yè)面內(nèi)容與樣式分離可以使網(wǎng)頁(yè)代碼精簡(jiǎn)；DIV+CSS的缺點(diǎn)如下:
DIV+CSS到現(xiàn)在還沒(méi)有實(shí)現(xiàn)所有的瀏覽器的統(tǒng)一兼容； DIV+CSS定位比較復(fù)雜，多層嵌套的DIV+CSS會(huì)影響代碼的可讀性，對(duì)于高手都容易出現(xiàn)問(wèn)題，更不要說(shuō)初學(xué)者了；TABLE的優(yōu)點(diǎn)如下:
兼容性非常好，在可以預(yù)計(jì)到的將來(lái)，它的地位依然十分重要； 網(wǎng)頁(yè)內(nèi)數(shù)據(jù)呈現(xiàn)簡(jiǎn)單，對(duì)于動(dòng)態(tài)網(wǎng)站的設(shè)計(jì)開(kāi)發(fā)簡(jiǎn)便，代碼更加簡(jiǎn)潔； 使用方便，簡(jiǎn)單，初學(xué)極容易上手；TABLE的缺點(diǎn)如下:
不夠靈活； 如果嵌套過(guò)多會(huì)大大增加網(wǎng)頁(yè)代碼，影響可讀性； 網(wǎng)頁(yè)中較多的TABLE和TABLE中有較多的數(shù)據(jù)內(nèi)容會(huì)影響網(wǎng)頁(yè)呈現(xiàn)的速度（因?yàn)樗挥蠺ABLE加載完畢才會(huì)完全顯示）； 網(wǎng)頁(yè)更新維護(hù)復(fù)雜，樣式調(diào)整比較困難（這才是當(dāng)今好多網(wǎng)站程序不愿意采用TABLE的真正最主要的原因?。?以上是廣州番禺新川教育的專(zhuān)業(yè)SEO培訓(xùn)老師龐洪老師為大家講解的關(guān)于DIV+CSS與TABLE的一些區(qū)別，如果需要了解本校SEO培訓(xùn)課程簡(jiǎn)介，請(qǐng)參見(jiàn):SEO培訓(xùn)課程簡(jiǎn)介
新川助學(xué)計(jì)劃:免費(fèi)網(wǎng)絡(luò)營(yíng)銷(xiāo)培訓(xùn)！
學(xué)習(xí)即實(shí)操、參與即創(chuàng)業(yè)、選對(duì)即成功
十一月一日起，本校及同本校合作的各類(lèi)生產(chǎn)企業(yè)達(dá)成意向，推出免費(fèi)網(wǎng)絡(luò)營(yíng)銷(xiāo)培訓(xùn)課程，我們的目的:
在本校學(xué)員與生產(chǎn)型企業(yè)之間搭起網(wǎng)絡(luò)營(yíng)銷(xiāo)平臺(tái)； 實(shí)現(xiàn)我們本?；顒?dòng)的主題:學(xué)習(xí)即實(shí)操、參與即創(chuàng)業(yè)、選對(duì)即成功；本校免費(fèi)培訓(xùn)方法如下:
免費(fèi)培訓(xùn)全網(wǎng)營(yíng)銷(xiāo)及淘寶電商課程，學(xué)費(fèi)全免； 本校學(xué)員學(xué)習(xí)期間及畢業(yè)以后均可在本校電商部實(shí)習(xí)進(jìn)行實(shí)戰(zhàn)產(chǎn)品營(yíng)銷(xiāo)； 資金缺乏者，本校提供低息助學(xué)貸款； 免費(fèi)課程僅限:全網(wǎng)營(yíng)銷(xiāo)班及淘寶綜合班； 本校網(wǎng)絡(luò)營(yíng)銷(xiāo)、淘寶培訓(xùn)專(zhuān)業(yè)學(xué)費(fèi)全免！細(xì)節(jié)規(guī)定如下:
學(xué)員從報(bào)名之日起，所交學(xué)費(fèi)兩年后全額退還； 學(xué)員在學(xué)習(xí)期間或者畢業(yè)后均可在本校電商部實(shí)習(xí)，技術(shù)成熟后如需繼續(xù)在本校電商部工作，只需向?qū)W校提出申請(qǐng)即可； 學(xué)員實(shí)操練習(xí)期間可以銷(xiāo)售自己的產(chǎn)品，也可由本校電商部提供產(chǎn)品銷(xiāo)售進(jìn)行實(shí)戰(zhàn)；全程由本校電商運(yùn)營(yíng)團(tuán)隊(duì)指導(dǎo)進(jìn)行全網(wǎng)營(yíng)銷(xiāo)； 學(xué)員報(bào)名時(shí)即可同本校簽定上述協(xié)議；因本校目前所合作的企業(yè)數(shù)量有限，所以，此類(lèi)免費(fèi)培訓(xùn)的學(xué)員名額為30名，報(bào)名滿(mǎn)30人截止，暫定截止日期為:。
若本校在讀網(wǎng)絡(luò)營(yíng)銷(xiāo)和淘寶專(zhuān)業(yè)學(xué)員欲轉(zhuǎn)成此種班別 ；已學(xué)完的學(xué)員將不在此優(yōu)惠之列。
同時(shí)，希望更多的生產(chǎn)型企業(yè)聯(lián)系我校，我們將免費(fèi)為其進(jìn)行全網(wǎng)的銷(xiāo)售業(yè)務(wù)，龐老師；
