div和table在網(wǎng)站中的可用性比較

1、div和table在網(wǎng)站中的可用性比較div與table本身并不存在什么優(yōu)缺點(diǎn)，所謂web標(biāo)準(zhǔn)只是推舉的是正確的用法標(biāo)簽，好比說:div用于布局，而table則原來就是轉(zhuǎn)二維數(shù)據(jù)的。讓table做該做的事，并不是說頁面里不浮現(xiàn)table就是多么多么牛。用div舉行排版的優(yōu)勢就是我不說，大家應(yīng)當(dāng)都比較清晰。div是標(biāo)準(zhǔn)，是大勢所趨，但并不意味著全部的頁面都適合用它來做。中國的門戶和國外的有很大的區(qū)分，中國網(wǎng)民并不喜愛信息量少的頁面，yahoo到了中國頁面上的內(nèi)容就多了不少，而上次改為簡潔的頁面后拜訪量下降的厲害以至于沒過幾天就又改了回歸。正式因?yàn)橹袊膰樵炀土怂押?、新浪這樣門戶。為什么div不

2、適合他們?下面我從幾個方面來逐一解釋:精簡代碼:大家都說div的布局精簡代碼，但是用div替代table所節(jié)省的代碼又被css(樣式)所占用，而這些樣式大多用于控制div的排版布局。那你會說了，css可以放在外部重用啊，要想得到這個問題的答案請往下看。重用性與下載量:統(tǒng)一用法一個.css的樣式表文件，可以實(shí)現(xiàn)修改一次，全站修改的效果，這樣使得維護(hù)的成本更低。但是請大家換一個角度想，假如全部頁面在加載時(shí)都要拜訪一個文件，那這個文件天天的下載量，特殊時(shí)在搜狐、新浪的網(wǎng)站平臺上將達(dá)到幾億次，這就需要后面有無數(shù)臺前端web服務(wù)器在做支撐，那后臺的成本無形中也提高了無數(shù)。假如后臺支撐沒有做好，那么頁面就

3、會浮現(xiàn)花屏，之前所作的工作也是白費(fèi)。無數(shù)人會問，這樣的幾率太小了。我們所作的工作就是為了避開這一兩次意外的發(fā)生，假如意外發(fā)生了，對于門戶后果將是不可思議的。http通訊:統(tǒng)一的樣式表文件采納外部調(diào)用的形式，這樣每次加載單個頁面都會多一次對服務(wù)器的http哀求服務(wù)器都會增強(qiáng)一次響應(yīng)，這樣對前端web服務(wù)器會是很大的消耗。而本來很長時(shí)光都是將css和js寫在頁面前端(大家可以看看sohu和sina的頁面，大多都是采納這樣的形式)，而不是作為外部調(diào)用的形式，也是為了盡量避開給服務(wù)器增強(qiáng)消耗。頁面緩存:每次用戶拜訪的頁面，都會在掃瞄器緩存中保存一定時(shí)光，以保證用戶下次再拜訪該頁面時(shí)能夠大大提高頁面顯示

4、速度。而每次修改都會使頁面重新下載，對于每個外部導(dǎo)入的樣式文件也是如此，假如css文件修改，那么拜訪網(wǎng)站的每一個頁面都會重新下載，而以往的將樣式寫在頁面中的方式，只是修改的頁面需要重新下載。兼容性:對于css(樣式表)并不是全部掃瞄器的全部版本都支持的很好，比如ie5以前的掃瞄器對于css的支持就不是很好。而現(xiàn)在用法ie5以前版本掃瞄器的用戶不在少數(shù)，這樣就使得在頁面制作的過程中需要針對不同掃瞄器版本舉行測試，以保證兼容性，無形中也增強(qiáng)無數(shù)工作量(起碼我接觸的開發(fā)人員制作div頁面比table頁面的標(biāo)及時(shí)間要長一些)。橫切與延展性:橫切——傳統(tǒng)的布局方式為了使頁面下載的更快，把頁面自上而下分成若干個塊，但是往往采納div舉行布局的頁面都會浮現(xiàn)這樣的狀況，因?yàn)槊繅K中間欄或者其他欄內(nèi)容條數(shù)不固定導(dǎo)致兩邊欄目沒有同時(shí)自適應(yīng)，而浮現(xiàn)留白。相比之下傳統(tǒng)的table方式更簡單規(guī)避這樣狀況的發(fā)生。以上我們只是研究某一技術(shù)在某一領(lǐng)域的可用性，而非技術(shù)本身。說了這么多并不是說div這種布局方式不好，而是說我們應(yīng)當(dāng)正確的看待table在以內(nèi)容為基礎(chǔ)的大型門戶中的作用，而不是人云亦云。之所以div的布局方式?jīng)]有在大型網(wǎng)站應(yīng)用，不是說門戶沒實(shí)用div是技術(shù)落后，是里面的人沒有前瞻性，而是多種緣由打算的。網(wǎng)易之所以所有采納div的