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