暢談DIV排版和table排版的區(qū)別
本文向大家簡(jiǎn)單介紹一下DIV排版和table排版的區(qū)別,除特殊需求外,貿(mào)然采用DIV排版,并不理智。當(dāng)然,CSS排版取代html是一個(gè)趨勢(shì),但現(xiàn)在還沒(méi)有成熟。除頁(yè)面十分簡(jiǎn)練的頁(yè)面外,還是不建議用DIV排版。
DIV排版和table排版有什么區(qū)別
W3C推出層與CSS排版,目的是提高執(zhí)行效率,優(yōu)化程序,由原有的HTML向XML過(guò)度,XML的優(yōu)點(diǎn)在這不多說(shuō)拉。但層排版并沒(méi)有得到廣泛的應(yīng)用,有人認(rèn)為是層排版技術(shù)難掌握所以不能廣泛應(yīng)用,我看這純數(shù)無(wú)稽之談。每一個(gè)合格的網(wǎng)頁(yè)制作人員都對(duì)HTML舒適的十分透徹。就是不用層與表格這種排版方式,用css的區(qū)塊與<p><br>一樣可以制作出象樣的網(wǎng)站。只是制作復(fù)雜,制作需要更長(zhǎng)的時(shí)間。所以現(xiàn)在所說(shuō)的表格排版與層排版之掙,就是制作效率與執(zhí)行效率之掙。
◆制作效率
我想沒(méi)人反對(duì)表格的制作效率要高與層的效率的。很明顯現(xiàn)在還沒(méi)有所見(jiàn)既所得得層排版軟件,代碼都要手寫(xiě)。即使你在熟悉代碼,也沒(méi)有Dreamweaver生成來(lái)的快吧!如制作交為復(fù)雜的頁(yè)面,中途突然想網(wǎng)某個(gè)地方加?xùn)|西,恐怕這個(gè)工作對(duì)DIV排版的同仁們來(lái)說(shuō)可是個(gè)不小的工作量吧!甚至有可能因?yàn)楣ぷ髁窟^(guò)大爾放棄更改計(jì)劃。使一個(gè)更***的設(shè)計(jì)就此落空。而表格就不同拉!對(duì)某處的更改,由于在軟件中是所見(jiàn)既所的,所以更改相當(dāng)簡(jiǎn)單。從此也不難看出表格在制作效率上遠(yuǎn)遠(yuǎn)優(yōu)與層,在日后更改維護(hù)上也比層更加方便。也不難看出為什么用層排版的網(wǎng)站大多比較簡(jiǎn)練。
<table>的style屬性內(nèi)可以定義層所具有的樣式。
◆執(zhí)行效率與代碼量
在制作頁(yè)面時(shí)無(wú)疑DIV排版的代碼量更少一些,這個(gè)也比較容易分析的出來(lái),你想想<table><tr><td></td></tr></table>(一個(gè)空白表格的標(biāo)記)與<DIV></DIV>(一個(gè)空白層的標(biāo)記)哪個(gè)所用的字最多拉。但如果是一行20單元格,呵呵這個(gè)就不知道哪個(gè)代碼量大拉。(只做參考這種情況在網(wǎng)頁(yè)中及少出現(xiàn))。從新的W3C標(biāo)準(zhǔn)來(lái)說(shuō),層排版也更接近標(biāo)準(zhǔn),因?yàn)槊總€(gè)<DIV>都是獨(dú)立存在,雖然不是智能的排版,但也不向表格一樣把最層的讀完才可以顯示。效率比表格排版要高。
◆兼容性
兼容性,是DIV排版的致命傷。在IE4.0以上的版本里看的還是一個(gè)完好的網(wǎng)站,到了FireFox瀏覽器里變的面目全飛。很多大型網(wǎng)站也是因?yàn)椴辉阜艞壠渌褂梅荌E核心瀏覽器的用戶才繼續(xù)保留原有的表格排版的風(fēng)格。當(dāng)然比如手機(jī)、PDA、信息家電器都不能直接顯示HTML。相信以后必定會(huì)過(guò)度到XML。
總結(jié)
綜述上面所說(shuō),我認(rèn)為在現(xiàn)在手機(jī)、PDA、信息家電器上網(wǎng)用戶并不多。支持<DIV>可視化制作的成熟軟件沒(méi)有出現(xiàn)。執(zhí)行效率的主要矛盾在后臺(tái)程序;用戶上網(wǎng)速度有很大改觀;有很多瀏覽器并不支持<DIV>的情況下。除特殊需求外,貿(mào)然采用DIV排版,并不理智。當(dāng)然,css排版取代html是一個(gè)趨勢(shì),但現(xiàn)在還沒(méi)有成熟。除頁(yè)面十分簡(jiǎn)練的頁(yè)面外,我還是不建議用DIV排版。
【編輯推薦】