css display：table vs html <table>，哪個更適合使用？

Question

當我做網頁佈局時，我使用html <table>。但是，我在互聯網上閱讀過，html表格只能用於數據，在做佈局時應該使用<div>或<span>。我在網上搜索並找到約顯示：表。我讀了它並以我自己的理解（我不知道我是否理解它），它與html <table>相同。我發現使用html <table>更容易，因爲它的方式更簡單。我不必擔心定位<div>，因爲大部分時間都到了我不想要的地方。

我的問題是：在佈局中使用html <table>有什麼優缺點？

Answer 1

除了不想學習正確的HTML/CSS和/或使用某種所見即所得編輯器的人以外，使用表格標記進行頁面佈局並沒有太多優勢。

但是，由於存在許多良好的可訪問性原因，您絕對要使用表格數據表。

CSS的頁面佈局（過表）的優點是：

• 呈現從內容分離更新
• 時（這通常意味着更小的HTML來處理）
• 呈現更靈活演示文稿更容易​​適應各種設備/屏幕

'table'的CSS顯示屬性允許您的CSS更像傳統表格。這爲您提供了CSS的好處，但可以讓您使用舊的表格邏輯。

如果你精通CSS，大概只有一次你真的想要利用display：table是當你遇到你想要處理垂直居中的內容的情況時...... CSS通常看起來像的東西失敗。請注意，display：table與許多CSS一樣，在老版本的IE中不起作用。

Answer 2

這一切都取決於你想要完成的。使用div s，span s和display:table可能會變得相當混亂，但如果您擔心搜索引擎不能正常瀏覽普通表格，則可能是要走的路。使用table標籤更簡單，易於使用，語義更準確。