HTML中table和div布局的優缺點


      由於html文件中的table標簽的瀏覽速度較慢,所以,使用嵌套表格的方法來布局網頁框架會使網頁瀏覽的速度變慢。因為table是中的內容是自適應的,為了自適應,它要計算嵌套最深的節點以滿足自適應,所以有可能會有一斷時間出現空白才顯示。所以是會有問題的。 
      使用DIV的方法布局網頁框架的優點:可以通過css樣式給框架進行功能強大的屬性設置以及給網頁的局部進行任意的定位,制作出來的頁面瀏覽速度較快,同時頁面的風格可以通過修改單獨的css文件進行隨意的修改和更新;缺點:每個div容器都需要定義css樣式來控制,制作過程相比table方式要復雜。現在的網頁越來越傾向於使用DIV的方法來布局網頁了。 

      論代碼的復雜程度來說,不管table還是div都是很冗長的。css的網頁比table的網頁體積也許要小一點,但是復雜程度相差不大。網絡訪問上css網頁稍微會快點,但是總體的用戶體驗感覺差別不是很大。搜索引擎優化方面,我曾經用過cms數據采集,里面的程序用的HtmlParser類庫解析html網頁,然后將元素中的數據用java dom轉化為xml導入到數據庫。這個類似蜘蛛的程序在爬行的時候table數據和div中數據爬行起來效率是一樣的,現在的大型搜索引擎不會因為div這種趨勢而拋棄table我認為,如果一個網頁架構的不好,不論table還是div都會被引擎所拋棄。
    但是網上的大部分人對於div+css的開發時間上是table的很多倍,而且還一個問題,網友說了,需要寫很多代碼用於適應不同瀏覽器,這個我現在維護的公司網站在早期也有這個問題。其實這個問題是是否熟悉div的問題,如果一個熟悉div的話應該不會比table慢太多。
    "W3C規范中說Table是用來傳數據的,但並沒有指出Table不可以用來布局。搜索引擎對於網頁的收錄和排序顯然不是以是否采用表格和CSS定位來衡量,這就是為什么很多傳統表格布局制作的網站在搜索結果中的排序靠前,而很多使用CSS及web標准制作的網頁排名依然靠后的原因。因為對於搜索引擎而言,網站結構、內容、相關網站鏈接等因素始終是網站優化最重要的指標。

      所以,以后不能隨便采用大公司網站的布局,會出問題的。

 

 匯總:

table優點:開發時間短(使用DW開發速度快);純table各瀏覽器不會有兼容問題;內容可自適應;在搜索引擎排名能靠前

table缺點:如果布局變更,需要重新開發;如果table里有div ul 等,可能會出現瀏覽器兼容問題;加載速度慢;table套table,會害死維護人員的

 

div優點:內容和顯示分離,便於維護擴展,網頁布局方便,當需求改變的時候,效果最明顯


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM