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

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

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

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

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

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

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

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

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

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

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

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

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

14、div+css布局好，現(xiàn)在主流的網(wǎng)站均采用此種方法布局1div+css和表格相比較，其優(yōu)點是其布局定位簡單，表格布局需要使用文字做內(nèi)容，當(dāng)想修改部分內(nèi)容就要改動整個表格甚至真?zhèn)€界面，不利于后期的維護和前期的開發(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è)計視覺效果也是關(guān)鍵，表格可以用來對網(wǎng)頁中的各個元素進行布局定位，以突出網(wǎng)頁的重點，使用戶能夠更快地找到他們感興趣的內(nèi)容。

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

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

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