這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)DIV和table頁(yè)面布局的區(qū)別和聯(lián)系是怎樣的，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括婺城網(wǎng)站建設(shè)、婺城網(wǎng)站制作、婺城網(wǎng)頁(yè)制作以及婺城網(wǎng)絡(luò)營(yíng)銷策劃等。多年來(lái)，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，婺城網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到婺城省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

向大家描述一下DIV和Table頁(yè)面布局的區(qū)別和聯(lián)系，一般來(lái)說(shuō)Table開發(fā)快，容易控制，瀏覽器兼容也好些。

DIV和Table頁(yè)面布局的區(qū)別和聯(lián)系

現(xiàn)在對(duì)于網(wǎng)頁(yè)制作是選擇傳統(tǒng)的Table還是用新型的DIV，有分歧。一部分說(shuō)還是用Table好，開發(fā)快，容易控制，瀏覽器兼容也好些；另一部分認(rèn)為DIV好，以后的發(fā)展趨勢(shì),主要是如下原因：

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

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

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

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

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

我感覺(jué)正確的符合標(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：Table里可以內(nèi)嵌DIV。反之DIV可以內(nèi)嵌Table嗎？？

當(dāng)然可以了。

◆DIV定義

表示一塊可顯示HTML的區(qū)域。

SpecifiesacontainerthatrendersHTML.

注釋

此元素在InternetExplorer3.0及以上版本的HTML中可用，在InternetExplorer4.0及以上版本的腳本中可用。

此元素是塊元素。

此元素需要關(guān)閉標(biāo)簽。

TheDIVelementisavailableinHTMLasofInternetExplorer3.0,andinscriptasof   InternetExplorer4.0.   Thiselementisablockelement.   Thiselementrequiresaclosingtag.

示例代碼

下面的例子使用了兩個(gè)DIV元素對(duì)兩段文字進(jìn)行了不同的對(duì)齊處理。

ThisexampleusestwoDIVelementstoaligntwosectionsoftextdifferently.   
 此文本代表一段?？梢栽谶@里放你的HTML或文本  
  此文本代表另外一段，其中文本居中顯示。