Table布局的優缺點介紹及為什么不建議使用

2024-08-30 08:35:42

字體：大中小

來源：轉載

供稿：網友

Tables的缺點

1、Table要比其它html標記占更多的字節。(延遲下載時間，占用服務器更多的流量資源。)

2、Tablle會阻擋瀏覽器渲染引擎的渲染順序。(會延遲頁面的生成速度，讓用戶等待更久的時間。)

3、Table里顯示圖片時需要你把單個、有邏輯性的圖片切成多個圖。(增加設計的復雜度，增加頁面加載時間，增加HTTP會話數。)

4、在某些瀏覽器中Table里的文字的拷貝會出現問題。(這會讓用戶不悅。)

5、Table會影響其內部的某些布局屬性的生效(比如<td>里的元素的height:100%)(這會限制你頁面設計的自由性。)

6、一旦學了CSS知識，你會發現使用table做頁面布局會變得更麻煩。(先花時間學一些CSS知識，會省去你以后大量的時間。)

7、table對對于頁面布局來說，從語義上看是不正確的。(它描述的是表現，而不是內容。)

8、table代碼會讓閱讀者抓狂。(不但無法利用CSS，而且會你不知所云)

9、table一旦設計完成就變成死的，很難通過CSS讓它展現新的面貌。

Tables的優點

在某些場合，使用Table是100%的適合、恰當和正確。比如，用table做表格是完全正確的。

如果你無法判斷是否應該使用table，參考一下上面的幾條，相信你能找到答案。

上一篇：手機瀏覽器不支持position: fix的解決方法

下一篇：分享8款非常有用的 CSS 開發工具