辯證的看DIV CSS與TABLE

2021-09-21 11:50:50 字數 2436 閱讀 5790

1、內容和形式分離,網頁前台只需要顯示內容就行,形式上的美工交給css來處理。生成的html檔案**精簡,更小開啟更快。

2、改版**更簡單容易了,不用重新設計排版網頁,甚至於不用動原**的任何html和程式頁面,只需要改動css檔案就完成了所有改版。對於門戶**來說改版就像換件衣服一樣簡單容易。

3、搜尋引擎更友好,排名更容易靠前。

以上三點是n多好處最吸引人,最突出的三點。我就這三點進行一一介紹:

第一點、內容和形式分離,網頁前台只需要顯示內容就行,形式上的美工交給css來處理。生成的html檔案**精簡,更小開啟更快。

這個是div+css技術最現著的特點,也是css存在的根源。完全的顛覆現在傳統(table)網頁設計的技術。所有現在用table製作的內容,都可以用css來解決掉,而且解決的更完美,更強大。不需要大家再**套**,只需要用div套div就可以實現以往**套**所有的美工,這樣的結果就是使用div+css技術,讓生成的網頁檔案大小更精簡,更小。table時代,乙個頁面**達到10個以上是非常普遍的事情,但是現在用div+css,乙個table都可以不用,就完全達到之前的效果,這就直接導致網頁檔案大小比使用table時減少50%-80%,更節約各位站長的硬碟空間,訪問者開啟網頁時更快,而且用div+css時,不像以往使用table時,必須把全部table讀取完了才顯示頁面內容,現在是可以讀乙個div就顯示乙個效果,大家開啟網頁不用等。好處真是明顯而強大。

這個優點的確是顯著的,凡是使用傳統table建的網頁,內容多的話,有時候達到30k左右都有可能,檔案打了開啟時,肯定就有0.0幾秒的延遲。使用div+css,由於沒有**使用,你前台開啟看到的全是直接內容,css檔案都是匯入鏈結的,是另乙個檔案,根本和html檔案大小沒關係,這種生成的html檔案,乙個也就10k左右大小。檔案數量少時看不出來,但是檔案萬級以上時,還是會節約幾十m大小的。

這些優點其實拿到現在來說,個人感覺用處不大,為什麼呢?

因為table雖然生成的html檔案要大一些,佔空間多點,但是現在的虛擬主機空間幾百塊錢就可以達到3g以上,乙個中小型門戶或是**,完全夠用,就算不夠用,你資料量達到十萬級別以上,生成的html檔案也用不了2g,這個成本其實對於中小型**長來說完全可以不計。再說使用table說的是開啟速度慢。這個在現在的網路環境下面來說,也可以忽略的,現在大家上網都是用的寬頻,至少也是512k以上,乙個網頁30k,開啟也就一秒不到的時候,使用div+css也就快那麼0.0幾秒,這基本上是大家感覺不到的。而且既然都是生成html,那對伺服器來說影響的效果是一樣的,只要你的虛擬主機網路穩定,那麼在table和div+css上就沒差別。

但是使用table製作網頁框架和**時,全是選擇化製作的,也就是說不用大家去寫**,很簡單輸入邊框和行數列數就可以達到製作出來的要求,但是使用div+css時,完全是靠手寫**,乙個**寫四行**的話,如果乙個頁面涉及十多個div**生成,手寫**將超過50行,而且如果你數學不好,或是邏輯思維能力不強的話,你手寫出來的**將是亂78糟,出現**重疊和位置完全不正確。因為用div+css寫**時,**間的邏輯排列關係完全是靠自己手寫**判斷,如果你沒有很強的手寫**能力和邏輯性,你所花費的時間,比你用table製作時間至少是4倍左右。基本上乙個頁面定義的id和class類,完整頁面是不會少於20個的,乙個id或class手寫5句,你製作乙個html頁面將超過100句**,當然其中很多是可以存成乙個css檔案來重複呼叫的。也就是說相同的頁面內容的話,排版一樣的情況下,可以直接匯入鏈結css來實現。

這個就很像之前生成html時,製作乙個網頁模板。但製作這個模板花的時間是用table製作時的幾倍。這裡有些人要說,但是我改版的時候,就只需要再寫乙個css就可以了,不用再生成html了。那麼我要說,當你再寫乙個css檔案改版時,我可能都已經用table製作好乙個頁面模板,而且還自動生成html全站的頁面了。這不是不可能的。

如果作為站長的你,對於手寫**不是特別有信心,邏輯思維能力不是特別強,建議還是使用傳統的table製作網頁更熟練和快捷。

第二點,改版**更簡單容易了,不用重新設計排版網頁,甚至於不用動原**的任何html和程式頁面,只需要改動css檔案就完成了所有改版。

div+css對於門戶**來說改版就像換件衣服一樣簡單容易,改版時,不用改動全站html頁面,只需要重新寫css,再用新css覆蓋以前的css就可以實現改版了。方便吧。

全國中小型站長的**資料量一般也就在十萬條資料之內,現在用自動批量生成html功能,生成完也用不了幾個小時時間吧。費這點神一年也就一次,沒什麼大不了的。所以除非你**乙個月改一次版,那麼你還是用最熟練和方便的方法來實現網頁設計為妙。當然如果你css已經學的如火純青了,而且是**狂人。你當我說的廢話。

第三點,搜尋引擎更友好,排名更容易靠前。

綜上所述,個人感覺div+css不能太迷信它的很好很強大,它作為製作網頁,美化網頁的乙個重要輔助是很強大方便的。可以彌補table製作框架和**時的很多不足和美工上的缺點,但是完全只用它來做,太費時費力,對於全國中小型**長來說,真的不太適合。我個人覺得用table+div+css是最好的組合,也是最省時省力的辦法。

從辯證的角度看產品

從辯證的角度看產品 然而,當我們用我們自身的思維角度去看待一款產品時,往往可能由於對產品接觸的時間太少,或者是使用到功能的不全面,導致我們對一款產品的認識只能達到乙個有限的程度,這往往是不可避免的。同樣的,當我們要去開發一款產品,往往可能由於對產品真正需求的不確定,或者是考慮的不夠周全,導致我們希望...

display table與本身的table的區別

一 為什麼不用table系 元素?目前,在大多數開發環境中,已經基本不用table元素來做網頁布局了,取而代之的是div css,那麼為什麼不用table系 元素呢?1 用div css編寫出來的檔案k數比用table寫出來的要小,不信你在頁面中放1000個table和1000個div比比看哪個檔案...

div css牛人也得看的15個css

div css最重要的優勢之一 保持視覺的一致性 以往 巢狀的製作方法,會使得頁面與頁面,或者區域與區域之間的顯示效果會有偏差。而使用div css的製作方法,將所有頁面,或所有區域統一用css檔案控制,就避免了不同區域或不同頁面體現出的效果偏差。下面為你介紹幾點注意事項,希望對你有幫助。1 不要使...