table佈局是網頁早期佈局實現的主要手段，當時的網頁構成，相對也比較簡單，可能是以文本css
以及靜態圖片等組成的，相似於報紙的形式，分區分塊顯示，table標籤的結構表現剛好能夠html
知足這樣的要求。可是隨着網頁要求的提升和技術的不斷探索更迭，尤爲是W3C（萬維網聯web
盟）及其餘標準組織制定的標準出臺後，明確了table標籤不是佈局工具，使table標籤從新回瀏覽器
到其原有的做用上（即僅做爲呈現表格化數據的做用），而提倡使用div+css的佈局組合。svg
優勢:工具
一、對於新手而言，容易上手，尤爲對於一些佈局中規中矩的網頁，更讓人首先想到excel，進而經過使用table去實現它。佈局
二、表現上更加「嚴謹」，在不一樣瀏覽器中都能獲得很好的兼容網站
三、經過複雜的表格套表格的形式，也能夠實現比較複雜的佈局需求。佈置好表格，而後將內容放進去就能夠了。搜索引擎
四、它能夠不用顧及垂直居中的問題。.net
五、數據化的存放更合理。
缺點:
一、標籤結構多，複雜，在表格佈局中，主要是用到表格的相互嵌套使用，這樣就會形成代碼的複雜度更高！
二、表格佈局，不利於搜索引擎抓取信息，直接影響到網站的排名
優勢
一、符合W3C標準的，W3C標準提出網頁由三部分組成：結構（Structure）、表現（Presentation）和行爲（Behavior）。結構清晰明瞭，結構、樣式和行爲分離，帶來足夠好的可維護性。
二、佈局更加靈活多樣，可以經過樣式選擇來實現界面設計方面的更多要求。
三、佈局改版方便，不須要過多地變更頁面內容，一般只要更換相應的css樣式就能夠將網頁變成另一種風格展示出來。
四、佈局可讓一些重要的連接和文字信息等優先讓搜索引擎抓取，內容更便於搜索。
五、增長網頁打開速度，加強用戶體驗。
缺點
一、開發技術高，要考慮兼容版本瀏覽器。目前來看，DIV+CSS尚未實現全部瀏覽器的統一兼容。
二、CSS網站製做的設計元素一般放在1個外部文件中，或幾個文件，
有可能至關複雜，甚至比較龐大，若是CSS文件調用出現異常，那麼整個網站將變得慘不忍睹。
1，其實也是div+css佈局的第一個特色，table標籤被嚴格地定義爲存放數據的一個區域，而不是佈局工具，它的佈局形式不符合W3C標準，沒有實現結構和表現的分離，它既有css的表現功能，也有html的結構功能。
2，table佈局加載網頁時，必須總體加載完，下降了網頁的呈現速度，而div+css佈局是邊加載邊顯示的。
3，table佈局在網頁代碼編寫時，有時須要嵌套多重表格才能實現，但使用div+css佈局，相對而言會減小許多嵌套時的代碼，更容易檢查和維護。
4，table佈局不方便表現的更換，使用div+css佈局，大多隻要更改css樣式表就能變化表現形式。
五、易於維護和改版。
問題:如何在div+css佈局中依然使用table佈局中的一些功能？
第一種，就是在div+css的佈局中局部使用table佈局（主要是純表格數據的實現）。
第二種，是使用相關的默認樣式表。以下代碼對應表所示：
table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-column }
colgroup { display: table-column-group }
td, th { display: table-cell }
caption { display: table-caption }
參考一:css中與table有關的佈局