Table布局的優(yōu)缺點(diǎn)介紹及為什么不建議使用

2024-08-30 08:35:42

字體：大中小

供稿：網(wǎng)友

Tables的缺點(diǎn)

1、Table要比其它html標(biāo)記占更多的字節(jié)。(延遲下載時(shí)間，占用服務(wù)器更多的流量資源。)

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

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

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

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

6、一旦學(xué)了CSS知識(shí)，你會(huì)發(fā)現(xiàn)使用table做頁面布局會(huì)變得更麻煩。(先花時(shí)間學(xué)一些CSS知識(shí)，會(huì)省去你以后大量的時(shí)間。)

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

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

9、table一旦設(shè)計(jì)完成就變成死的，很難通過CSS讓它展現(xiàn)新的面貌。

Tables的優(yōu)點(diǎn)

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

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

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

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