建站
咨詢
售后
建站咨詢
新聞中心
本文和大家重點討論一下DIV布局和Table布局的區(qū)別，DIV可以理解成一個塊，是有個比表格簡單的元素，從語法上只有
這樣簡單的定義。
成都創(chuàng)新互聯(lián)自2013年起，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目成都網(wǎng)站設(shè)計、做網(wǎng)站網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元廣平做網(wǎng)站,已為上家服務(wù),為廣平各地企業(yè)和個人服務(wù),聯(lián)系電話:18980820575
DIV布局和Table布局的區(qū)別
傳統(tǒng)Table布局方式實際上是利用了HTMLTable表格元素具有的無邊框特性，由于Table元素可以在顯示時使得單元格的邊框和間距為0，即不顯示邊框，因此可以將網(wǎng)頁中的各個元素按版式劃分放入表格的各個單元格中，從而實現(xiàn)復(fù)雜的排版組合。
表格布局的代碼最常見的是在HTML標(biāo)簽之間嵌入一些設(shè)計代碼，如width=100%,border=0等。表格布局的混亂代碼就是這樣編寫的，大量樣式年設(shè)計代碼混雜在表格，單元格中，使得可讀性大大降低，維護起來成本也相當(dāng)高，盡管有類似于Dreamweaver（以下簡單稱dw）這樣可視化的界面進行編寫，只要你需要什么，他幫你寫入什么樣式，最終結(jié)果是表格中到處留下設(shè)計的足跡，混合式代碼也由此而成。
DIV可以理解成一個塊，是有個比表格簡單的元素，從語法上只有
這樣簡單的定義。DIV***的好處就是樣式是由CSS來控制。但總體上而言：
1.DIV+CSS布局比Table布局節(jié)省頁面代碼，代碼結(jié)構(gòu)也更清晰明了.
2.DIV+CSS的頁面對搜索引擎支持好，而且速度更快了,能夠比Table更加快速的顯示網(wǎng)站內(nèi)容.
3.DIV+CSS布局使網(wǎng)站版面布局修改變的更簡單,因為版面代碼都寫在獨立的css文件里修改起來方便多了,不象Table要在頁面中修改很多信息.
頁面中：
也可以這樣寫
CSS代碼：
- .style2{
- width:800px;//寬度
- height:100%;//高度
- margin:0pxauto;//頁面邊距離，
- 如margin-top：10px表示上邊距為10像素,這里是為自動
- margin-bottom:20px;//下邊距
- border:1pxsolid#9BDF70;//邊框
- background-color:#F0FBEB//背景色
- }
- (在樣式指定為divid=的時候必須這樣寫)
- #style2{……
***種寫法明顯可以提高代碼重用率。
網(wǎng)站標(biāo)題：DIV布局和Table布局的區(qū)別
分享鏈接：http://www.5511xx.com/article/cohdjds.html
