自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

暢談DIV排版和table排版的區(qū)別

開(kāi)發(fā) 前端
W3C推出層與CSS排版,目的是提高執(zhí)行效率,優(yōu)化程序,這里向大家探討一下DIV排版和table排版的區(qū)別,希望本文介紹對(duì)你有所幫助。

本文向大家簡(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排版。

【編輯推薦】

  1. CSS盒狀模型結(jié)構(gòu)及用法
  2. CSS布局中元素的分類(class)和標(biāo)識(shí)(id)
  3. CSS中border和clear兩大屬性用法揭秘
  4. 實(shí)例解析CSS DIV絕對(duì)定位與固定定位用法
  5. 解讀DIV CSS網(wǎng)頁(yè)布局中CSS無(wú)效十個(gè)原因
責(zé)任編輯:佚名 來(lái)源: hi.baidu.com
相關(guān)推薦

2021-02-26 20:01:30

LaTex排版LaTeX排版

2010-09-14 10:41:24

DIV+CSS排版

2010-09-10 15:01:26

CSS+DIV排版

2010-08-27 10:59:11

DIVTable

2010-09-14 10:34:17

DIV CSS

2010-08-27 10:49:38

DIVtable

2021-02-20 20:58:04

LaTeXTeXstudio排版文檔

2010-08-23 13:59:32

DIV CSSmarginpadding

2021-02-24 16:50:07

LaTex排版表格

2021-02-24 16:15:20

LaTeX排版LaTeX列表

2012-05-08 13:42:24

Erlang

2014-12-08 14:15:48

Material De字體排版

2013-10-22 15:48:35

2012-12-28 14:23:12

Android開(kāi)發(fā)TextView

2010-09-08 17:20:42

CSS

2010-09-13 13:21:29

CSS排版

2010-09-13 11:25:56

DIV元素

2010-09-07 13:58:28

SPANDIV

2010-08-30 10:32:38

SPANDIV

2011-10-19 17:42:10

WPS 2012
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)