可能重複:
Why not use tables for layout in HTML?基於表格的佈局VS-基於div的佈局
我只是想知道,基於表格的佈局和div佈局之間的差異。我什麼時候應該使用什麼,爲什麼?
在此先感謝。
可能重複:
Why not use tables for layout in HTML?基於表格的佈局VS-基於div的佈局
我只是想知道,基於表格的佈局和div佈局之間的差異。我什麼時候應該使用什麼,爲什麼?
在此先感謝。
很簡單的,基於表格的佈局是安排的內容中的位置的舊的方式和div的是較新的方法。把它們想象成不可見的矩形(除非你選擇使它們可見),它們持有內容,並且都具有它們的優點和缺點,如何定位它們。
您可以定位的div到幾乎每一個情況表可以定位成,而有很多的定位,你可以用div的,你不能用表做做的。這是使用表格佈局頁面的原因之一。
表沒有完全消失。他們仍然非常擅長(有趣的)基於表格的信息或統計數據顯示。考慮excel類型的佈局。
表格只能用於表格數據。它真的是那麼簡單。
至於爲什麼;網站佈局不是表格數據。
此外,表格將在您的網頁中使用更多代碼。例如;創建一個「盒子」,你可以這樣做:
<table>
<tr>
<td>Box Content</td>
</tr>
</table>
或本
<div>
Box Content
</div>
隨着div你可以玩絕對位置。所以你可以在你的網頁上放置一千個div。你也可以把div放在z-index之上,這對於table來說更加困難。
表看起來不太靈活,但給你看看更有條理,並瀏覽器之間的兼容性更好。
我的建議。用桌子製作你的主體結構,並把它放在你的div裏面。
當你在電子郵件創建使用HTML表格是可惜還是必需的:許多郵件客戶端使用的HTML渲染引擎,仍然認爲這是1998年的Microsoft Outlook就是一個明顯的例子。
表格從來不是一般的結構標籤。理論上講,你告訴瀏覽器你正在傳送表格數據,這可以用瀏覽器選擇的任何方式解釋。 div(或span)標籤不具有語義含義,僅表示一段文檔。
表也理論上比DIV與CSS結合更多的限制。用CSS你可以讓你的元素幾乎做任何事情。這也提供了通過僅切換CSS來動態重構頁面的可能性。您可以允許用戶定義自己的樣式和佈局,而不會影響HTML。
您可能仍然需要使用表中的電子郵件,我不知道。就我個人而言,我從不喜歡在我的電子郵件中收到html,但現在似乎不可避免。
作爲這個小附錄,它必須承認,*有*幾個表佈局可以做divs + CSS通常不會。這些仍然可以通過CSS display屬性的table- *值來實現。但是瀏覽器支持的問題發揮了作用。 – 2011-02-14 10:19:00