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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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