Table布局 和 Div+CSS布局的爭論，過了7-8年了，今天看到一篇文章《為什么我們不建議用Table布局》，又想發(fā)表下自己的見解，供初學(xué)

《為什么我們不建議用Table布局》節(jié)選：

Table要比其它html標(biāo)記占更多的字節(jié)。

(延遲下載時間，占用服務(wù)器更多的流量資源。)

Tablle會阻擋瀏覽器渲染引擎的渲染順序。

(會延遲頁面的生成速度，讓用戶等待更久的時間。)

Table里顯示圖片時需要你把單個、有邏輯性的圖片切成多個圖。

(增加設(shè)計的復(fù)雜度，增加頁面加載時間，增加HTTP會話數(shù)。)

Table會影響其內(nèi)部的某些布局屬性的生效(比如

里的元素的height:100%)

(這會限制你頁面設(shè)計的自由性。)

一旦學(xué)了CSS知識，你會發(fā)現(xiàn)使用table做頁面布局會變得更麻煩。

(先花時間學(xué)一些CSS知識，會省去你以后大量的時間。)

table對對于頁面布局來說，從語義上看是不正確的。

(它描述的是表現(xiàn)，而不是內(nèi)容。)

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

其實，Table布局 VS Div+CSS布局兩者各有特色，不能盲目的一味追求DIV而否定TABLE。

Table最大的好處是容易上手。

表格是方便但訪問速度慢，所謂的“瀏覽快慢”其實是在帶寬有限的情況下，由于需要等待載入時間，而表現(xiàn)出的快慢。

表格的特性是：只有在表格體內(nèi)的內(nèi)容全部載入完后，才一次性顯示該表格。因為，當(dāng)表格內(nèi)容很多時，容易出現(xiàn)“載入慢”的情況。這在設(shè)計的時候盡量避免就可以了。

div+css的特性是：載入一點就顯示一點，因此有“載入快”的說法。

table什么時候用呢?

數(shù)據(jù)類的表格用table標(biāo)簽做非常適合。

還有就是用于網(wǎng)站管理后臺，不需要提交給搜索引擎的時候，table做大大加快了頁面編寫的速度。

所以，并不是完全用div+css就完美了，主要是根據(jù)實用準(zhǔn)則。

建議：

主要使用在div+css來避免大容量表格的出現(xiàn)，在一些細(xì)節(jié)處理上，有時候用表格來得簡單有效。一些比較成熟的大網(wǎng)站都是如此。

如果是數(shù)據(jù)類的表格可以用table標(biāo)簽，如果只是單純?yōu)榱苏故颈砀穹謾诘臉邮?#xff0c;則無需采用table，可使用display:table或者display:flexbox去實現(xiàn)。

表格其實和 div+css 一樣優(yōu)秀。

125jz網(wǎng)原創(chuàng)文章。發(fā)布者：江山如畫，轉(zhuǎn)載請注明出處：http://www.125jz.com/2957.html

總結(jié)

以上是生活随笔為你收集整理的html中表格布局还是div布局,Table布局 VS Div+CSS布局，选哪个？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。