1、2HTML表格布局是WEB10時(shí)代主要使用的布局方式，即使用TABLE標(biāo)簽進(jìn)行布局，優(yōu)點(diǎn)是布局比較簡單3HTML DIV布局是WEB20時(shí)代主要使用的布局方式，優(yōu)點(diǎn)是符合W3C標(biāo)準(zhǔn)，載入速度比較快，也比較便于做結(jié)構(gòu)分離4現(xiàn)在一般都是提倡使用DIV布局，但也不是說就淘汰表格布局了，視具體的場景需要，在很多場景。

2、DIV的優(yōu)點(diǎn)是1結(jié)構(gòu)跟樣式分離開來，代碼簡潔清晰 ，便于維護(hù) 開發(fā)2容易被收索引擎收錄3定位精準(zhǔn)缺點(diǎn)是需要考慮瀏覽器兼容性的問題，比較難學(xué)當(dāng)然 DIV支持的所有樣式 表格同樣的都支持，表格的缺點(diǎn)雖然多，但是還有有DIV無法取代的，比如企圖讓DIV里的內(nèi)容垂直居中，那就麻煩了，表格責(zé)。

3、一通過表格來布局 表格布局的優(yōu)勢在于它能對(duì)不同對(duì)象加以處理，而又不用擔(dān)心不同對(duì)象之間的影響而且表格在定位圖片和文本上比起用CSS更加方便表格布局唯一的缺點(diǎn)是，當(dāng)你用了過多表格時(shí)，頁面下載速度受到影響 二通過層疊樣式表來布局 CSS層疊樣式表被提出來，它能完全精確的定位文本和圖片CSS。

4、DIV+CSS布局最大的優(yōu)點(diǎn)還在于，網(wǎng)頁布局的更改性，哪天你想要改變網(wǎng)頁布局的話，只需要更改你的CSS文件即可，而沒有必要像以前那樣，重新編制一份大型的表格嵌套表格的網(wǎng)頁布局，極大的方便了網(wǎng)頁的維護(hù)和優(yōu)化工作現(xiàn)在有很多網(wǎng)站都有主題更換功能， 空間，人人網(wǎng)，百度空間新浪博客等都是將一系列主。

5、優(yōu)點(diǎn)瀏覽器解析比較準(zhǔn)確，一般不會(huì)出現(xiàn)錯(cuò)誤缺點(diǎn)不夠靈活，且樣式單一，難維護(hù) DIV+CSS布局 優(yōu)點(diǎn)布局靈活，能夠?qū)崿F(xiàn)樣式與結(jié)構(gòu)的完全分離，易于維護(hù)，能夠有更多的創(chuàng)意缺點(diǎn)各個(gè)瀏覽器在解析上存在一定的區(qū)別，需要針對(duì)不同瀏覽器進(jìn)行專門的代碼優(yōu)化隨著網(wǎng)頁技術(shù)的發(fā)展，表格布局基本已經(jīng)被淘汰。

6、2HTML布局主要有兩種方式，一種是表格布局，一種是DIV布局HTML表格布局是WEB0時(shí)代主要使用的布局方式，即使用TABLE標(biāo)簽進(jìn)行布局，優(yōu)點(diǎn)是布局比較簡單3流動(dòng)布局html網(wǎng)頁默認(rèn)的布局方式特點(diǎn)塊狀元素都會(huì)在所處的包含元素內(nèi)自上而下按順序垂直延伸分布，因?yàn)樵谀J(rèn)狀態(tài)下，塊狀元素的寬度都為100%。

7、排版布局，在實(shí)際的應(yīng)用我們還可以利用它來美化整個(gè)頁面而且對(duì)于新手來說，利用表格定位，進(jìn)行網(wǎng)頁布局是比較適合的雖然div+css對(duì)于布局網(wǎng)頁有一定的優(yōu)勢，但是比較復(fù)雜，就是是高手，有時(shí)也會(huì)出現(xiàn)各種各樣的問題，所以，如果你的能力還不是非常高的話利用表格規(guī)劃布局網(wǎng)頁內(nèi)容，還是不錯(cuò)的選擇。

8、使用框架的優(yōu)點(diǎn)訪問者的瀏覽器不需為每個(gè)頁面重新加載導(dǎo)航條每個(gè)框架都具有自己的滾動(dòng)條，因此訪問者可以獨(dú)立滾動(dòng)這些框架進(jìn)行瀏覽使用框架的缺點(diǎn)1并不是所有瀏覽器都提供良好的框架支持 2難以實(shí)現(xiàn)在不同框架中精確的對(duì)齊各個(gè)頁面元素 使用表格布局頁面的好處網(wǎng)上絕大部分的頁面都是使用表格來。

9、表格設(shè)置是為了呈現(xiàn)二維數(shù)據(jù)的div+CSS 也就是WEB標(biāo)準(zhǔn)化，能更好的將設(shè)計(jì)與內(nèi)容分離html看起來很簡潔維護(hù)起來也很方便的，你只需要改CSS就能改變整個(gè)網(wǎng)頁的風(fēng)格而且代碼也便于閱讀這與速度沒有多大關(guān)系DIV+CSS設(shè)計(jì)，html文件看起來小了，但CSS文件大了當(dāng)然我們要輸出二維數(shù)據(jù)的時(shí)候還是要用。

10、1結(jié)構(gòu)清晰2更快的下載速度3易于改版和更新4搜索引擎優(yōu)化，避免了Table嵌套層次太多無法被搜索引擎抓取的問題而且簡潔結(jié)構(gòu)化的代碼更加有利于突出重點(diǎn)和適合搜索引擎抓取。

11、遇到文字需要換行的使用br標(biāo)簽即“l(fā)tbr ”，值得注意br標(biāo)簽是單獨(dú)的標(biāo)簽非盒子標(biāo)簽，獨(dú)立的一個(gè)標(biāo)簽，什么地方需要換行就使用br標(biāo)簽8表格型table表格標(biāo)簽在HTML布局中，學(xué)習(xí)DIV CSS并不意味著放棄table標(biāo)簽，這個(gè)有時(shí)還是需要table標(biāo)簽的，比如遇到表格型布局的，還是需要table tr td標(biāo)簽布局。

12、div靈活一些，但不能嵌套太多層table 用于一般的列表比較多些希望能幫助你如果，行數(shù)和列數(shù)比較固定，建議用table，如果變化比較大，有花樣式的，每行的變化比較大用div，在這兩個(gè)布局來說，div布局工作量上是table的兩倍以上。

13、利用HTML進(jìn)行布局的方法有1通過“l(fā)ttable”標(biāo)簽來對(duì)表格的行和列進(jìn)行排列來實(shí)現(xiàn)頁面布局的效果2將網(wǎng)頁內(nèi)容放在多個(gè)頁面中的多列布局3使用div和span標(biāo)簽進(jìn)行布局頁面布局標(biāo)題前端的一部分，用于頁面頂部ltheader標(biāo)簽用于在網(wǎng)頁中添加標(biāo)題部分導(dǎo)航欄導(dǎo)航欄與菜單列表相同它用于使用。

14、div+css布局好，現(xiàn)在主流的網(wǎng)站均采用此種方法布局1div+css和表格相比較，其優(yōu)點(diǎn)是其布局定位簡單，表格布局需要使用文字做內(nèi)容，當(dāng)想修改部分內(nèi)容就要改動(dòng)整個(gè)表格甚至真?zhèn)€界面，不利于后期的維護(hù)和前期的開發(fā)2div+css提升了網(wǎng)頁訪問速度，div+css布局較傳統(tǒng)的Table布局比較，減少了許多代碼，其。

15、長度適中其次，網(wǎng)站的風(fēng)格要統(tǒng)一，這包括網(wǎng)站上所有網(wǎng)頁的背景導(dǎo)航條圖像文字等元素都要有統(tǒng)一的風(fēng)格，使用戶在瀏覽網(wǎng)站時(shí)能夠獲得一致的視覺體驗(yàn)最后，合理設(shè)計(jì)視覺效果也是關(guān)鍵，表格可以用來對(duì)網(wǎng)頁中的各個(gè)元素進(jìn)行布局定位，以突出網(wǎng)頁的重點(diǎn)，使用戶能夠更快地找到他們感興趣的內(nèi)容。

16、center*水平居中，可選*```方法二使用表格布局表格布局也可以實(shí)現(xiàn)內(nèi)容的垂直居中以下是一個(gè)使用表格布局的示例HTML代碼```htmltabletrtdp這是一個(gè)垂直居中的內(nèi)容示例ptdtrtable```CSS代碼```csstableheight300px*設(shè)置表格高度*width100%*設(shè)置表格寬度*display。

17、7表現(xiàn)和內(nèi)容相分離將設(shè)計(jì)部分剝離出來放在一個(gè)獨(dú)立樣式文件中，你可以減少未來網(wǎng)頁無效的可能8更方便搜索引擎的搜索用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標(biāo)簽，搜索引擎將更有效地搜索到你的內(nèi)容，并可能給你一個(gè)較高的評(píng)價(jià)ranking缺點(diǎn)比較表格布局和CSS+DIV發(fā)現(xiàn)，CSS語法其實(shí)很容易方便。

18、網(wǎng)頁設(shè)計(jì)需遵循一定的原則，確保頁面的有效性頁面要易于閱讀，命名簡潔，長度適中頁面風(fēng)格需統(tǒng)一，網(wǎng)站上的背景導(dǎo)航條圖像文字等元素需保持一致的風(fēng)格此外，合理設(shè)計(jì)視覺效果也非常重要，善用表格布局，將頁面中的各個(gè)元素進(jìn)行合理定位，從而突出網(wǎng)頁的重點(diǎn)在頁面設(shè)計(jì)中，header扮演著重要角色。