網(wǎng)站建設(shè)中div+css布局與table的區(qū)別

2024-01-30    分類: 網(wǎng)站建設(shè)

網(wǎng)站建設(shè)中網(wǎng)頁(yè)制作是選擇傳統(tǒng)的Table還是用新型的DiV,有分歧。一部分說(shuō)還是用Table好,開發(fā)快,容易控制,瀏覽器兼容也好些;另一部分認(rèn)為DiV好,以后的發(fā)展趨勢(shì),主要是如下原因:

DiV+CSS布局能夠適應(yīng)未來(lái)多種客戶端需求。

DiV+CSS布局節(jié)約站點(diǎn)所占空間和站點(diǎn)流量。這些都是DiV的好處。

DiV有這么多好處是不是有些心動(dòng),決定學(xué)它。DiV和Table各有長(zhǎng)處,通常情況下它們可以互換使用。

DiV+CSS布局比Table布局節(jié)省頁(yè)面代碼,代碼結(jié)構(gòu)也更清晰明了。

DiV+CSS開發(fā)速度要比Table快,而且布局更精確,不過(guò)手寫代碼明顯增加DiV+CSS布局,使網(wǎng)站版面布局修改變的更簡(jiǎn)單。

我感覺正確的符合標(biāo)準(zhǔn)的設(shè)計(jì)思路是:使用DiV等布局元素來(lái)制作頁(yè)面的設(shè)計(jì)布局,定位,色塊,圖片等。使用Table,UL等這樣的元素來(lái)顯示頁(yè)面中需要展示的數(shù)據(jù)。因?yàn)镈iV不會(huì)像Table一樣,在iE下要將整個(gè)Table下載完后才全部顯示內(nèi)容(firefox不會(huì)),所以用Table來(lái)布局顯然是不合適的,尤其是數(shù)據(jù)量大時(shí),在iE下用Table會(huì)發(fā)現(xiàn)慢的多。而DiV就好多了。當(dāng)然,DiV也起整理數(shù)據(jù)的作用。

DiV用于布局,Table用于顯示數(shù)據(jù),這是現(xiàn)在最基本的設(shè)計(jì)原則。

1:DiV是不是跟Table一樣的作用?

DiV的作用跟Table是差不多的,但是DiV對(duì)xml的支持更好而且使用起來(lái)比較靈活,因此被推薦為新的網(wǎng)頁(yè)布局方式。

2:DiV Table哪個(gè)速度快?

DiV相對(duì)比較快,網(wǎng)頁(yè)內(nèi)容的顯示需要將相對(duì)一整塊的內(nèi)容下載完成后再顯示。使用DiV布局是許多的獨(dú)立的相對(duì)較小的范圍,而使用Table布局一般都會(huì)表格嵌套多層形成較大的下載范圍。

3:Table里可以內(nèi)嵌DiV。反之DiV可以內(nèi)嵌Table嗎??

當(dāng)然可以了。

DiV本身就是容器性質(zhì)的,你不但可以內(nèi)嵌Table還可以內(nèi)嵌文本和其它的HTML代碼。

網(wǎng)站標(biāo)題:網(wǎng)站建設(shè)中div+css布局與table的區(qū)別
路徑分享:http://www.bm7419.com/news40/316240.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站策劃、網(wǎng)站設(shè)計(jì)公司、響應(yīng)式網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作