DIV CSS與Table優劣的淺見

2021-04-30 15:40:23 字數 817 閱讀 5962

div與table本身並不存在什麼優缺點,所謂web標準只是推薦的是正確的使用標籤,好比說:div用於布局,而table則本來就是轉二維資料的。讓table做該做的事,並不是說頁面裡不出現table就是多麼多麼牛。

用div進行排版的優勢就是我不說,大家應該都比較清楚。div是標準,是大勢所趨,但並不意味著所有的頁面都適合用它來做。

為什麼div不適合他們?下面我從幾個方面來逐一說明:

精簡**:

大家都說div的布局精簡**,但是用div替代table所節約的**又被css(樣式)所占用,而這些樣式大多用於控制div的排版布局。那你會說了,css可以放在外部重用啊,要想得到這個問題的答案請往下看。

http通訊:

統一的樣式表檔案採用外部呼叫的形式,這樣每次載入單個頁面都會多一次對伺服器的http請求伺服器都會增加一次響應,這樣對前端web伺服器會是很大的消耗。而原來很長時間都是將css和js寫在頁面前端(大家可以看看sohu和sina的頁面,大多都是採用這樣的形式),而不是作為外部呼叫的形式,也是為了盡量避免給伺服器增加消耗。

頁面快取:

相容性:

對於css(樣式表)並不是所有瀏覽器的所有版本都支援的很好,比如ie5以前的瀏覽器對於css的支援就不是很好。而現在使用ie5以前版本瀏覽器的使用者不在少數,這樣就使得在頁面製作的過程中需要針對不同瀏覽器版本進行測試,以保證相容性,無形中也增加很多任務作量(至少我接觸的開發人員製作div頁面比table頁面的標準時間要長一些)。

橫切與延展性:

相比之下傳統的table方式更容易規避這樣情況的發生。

以上我們只是討論某一技術在某一領域的可用性,而非技術本身。

DIV CSS與Table的優缺點

作為乙個身處 2008 年末的 web 設計師,你是否好意思承認自己的 中使用了 table,如果是,你是乙個有勇氣的人,web 設計是個奇怪的行業,你可以將自己的 設計得像晚報的分類廣告,或者樓道裡的開鎖廣告,但千萬別讓人知道你使用了 table,在你的源 中發現 table 就像乙個銷售被人掀起...

辯證的看DIV CSS與TABLE

1 內容和形式分離,網頁前台只需要顯示內容就行,形式上的美工交給css來處理。生成的html檔案 精簡,更小開啟更快。2 改版 更簡單容易了,不用重新設計排版網頁,甚至於不用動原 的任何html和程式頁面,只需要改動css檔案就完成了所有改版。對於門戶 來說改版就像換件衣服一樣簡單容易。3 搜尋引擎...

hibernate與myBatis的優劣比較

去面試已經是第三次別問到了,應該是比較常問的問題了 1 開發上手難度 hibernate的真正掌握 封裝的功能和特性非常多 要比mybatis來得難。在真正產品級應用上要用hibernate,不僅對開發人員的要求高,hibernate往往還不適合 多表關聯查詢等 2 系統調優調優方案對比 hiber...