表格的問題
把格式數據混入你的內容中.這使得文件的大小無謂地變大，而用戶訪問每個 頁面時都必須下載一次這樣的格式信息.且不提流量費用問題,單說無謂的下載,對網站來說也不划算.一旦做成了一個基於表格的站點,重新設計現有的站點和內容極爲消耗勞力 .這還使我們保持整個站點的視覺的一致性極難，花費也極高.不過也有一個好處,對於佈局的佈置比較簡單方便,但是對於如今的開發分工來說,用表格在分層問題上還是不清晰的.
DIV的優點
使頁面載入得更快(頁面比用表格的小不少.網上說還有個順序下載加載的優點,我感覺就是下載即加載吧,望清楚的明示).修改設計時更有效率而代價更低(老實說,用DIV做佈局的時候,排版還是有麻煩的,可以看看這個留言:http://www.blueidea.com/bbs/newsdetail.asp?id=2199539 ).使整個站點保持視覺的一致性.讓站點可以更好地被搜索引擎找到.使你的站點對瀏覽者和瀏覽器更具親和力.在世界上越來越多人採用 Web 標準時，它還能 提高你的職場競爭實力 (事實上也就是降低失業的風險).
過渡性的設計
使用 margin 和 padding 來代替多餘的表格單元和間隔 GIF.
使用 link 和 @import 來載入樣式。前者用於早期瀏覽器，後者給現在的瀏覽器。
<link href="/basic.css" rel="stylesheet" type="text/css">
<style type="text/css" media="screen"><!--@import url(modern.css) screen;--></style>
結構化標記
我們排版時考慮的不是“這個東西放在這兒，那個東西放在那兒”，而是頁面中信息的類別和信息的結構.你的內容將不放在表格和表格元素中，取代它們的是 div 元素。還要給你的 div 元素安排一個 id 或 class，不過這是爲了描述它們的內容或功能，而非它們的外觀.
採用DIV設計的參考站點:
http://www.verycd.com
http://www.w3cn.org
http://www.taobao.com
