div+css特點與優勢

來源:互聯網
上載者:User

1.結構清晰
分離頁面的表現與結構,我們可以構建一個div+css+js檔案的做到表現、結構、行為分離,這樣做的話就像我們做程式用到的那種mvc模式一樣,好處就是耦合性更小,更易維護。因為代碼少,結構清晰。
2.速度
   速度的優勢分兩點考慮
佔用頻寬
<div></div> 至少要比<table><tr><td></td></tr></table>要少寫很多代碼
    table嵌套一般是
   <table>
     <tr>
      <td></td>
    </tr>
   </table>
  <div></div> 這樣寫,所以行數也要少,當然table也可以寫成一行,但是div代碼確是要比table少得多。
網頁執行速度
1)整體顯示速度,學過編譯原理的人都知道需要文法分析,一個<table><tr><td></td></tr></table> 到ie或其他瀏覽器中首先要分析意思,這樣的話div簡單,很容易就能匹配,暫且想象是用堆棧的方法去做的分析。
2)客戶體驗
      如果是table嵌套的話,倒黴了,如果不到最後一個</table>執行的時候,整個就是個白板
 而div的話,可以先顯示一部分,客戶體驗也要好的多,其原理跟第一條有關
3.針對搜尋引擎的最佳化
    爬蟲一上來load進你的網頁後,如果是table嵌套的話,還要對一大堆的複雜結構的table進行分析,寫個正則都不容易,但是div不同,明顯要簡單得多。搜尋引擎喜歡清潔的代碼(其真正意義在於,增加了有效關鍵詞佔網頁總代碼的比重),因此使用CSS+DIV的web標準製作的網站具有搜尋引擎友好的一定優勢。

    不過,CSS+DIV網站建設的不足現階段也比較明顯:

比較表格版面配置和CSS+DIV發現,CSS文法其實很容易方便,設計師也都承認掌握CSS+DIV並非需要達到讓火箭上天那樣高深莫測的知識才行,但某些概念的確還是需要他們去消化吸收。同時,bug問題也是阻止CSS普及的原因之一,即使是web專業人士往往也要花費大量時間修改bug,不用說那些對CSS使用的新手了。深度比較發現,一些通過表格方式可以輕鬆解決的問題在使用CSS+DIV的時候變得複雜,如果是一個CSS愛好者這可能對他是一種挑戰和樂趣,但對於一般設計者而言,這無疑令人沮喪。

    此外,如果說大部分網站的設計項目是均勻分佈於整個網站,則CSS網站製作的設計項目通常放在幾個external外部檔案中,這一個或幾個檔案有可能相當複雜,檔案並不小,由此引起的問題也將變得不可忽視,比如CSS檔案調用出現異常,那麼整個網站將變得慘不忍睹。

    瀏覽器安全色問題也是目前阻礙CSS+DIV的一個問題,可能在IE裡面正常顯示的頁面,到FireFox中卻面目全非。CSS+DIV還有待於個瀏覽器廠商的進一步支援。種種原因使得web標準的普及有著較高的門檻,這也是很多web標準倡導者的優越感所在。

對於網路行銷人員最關心的搜尋引擎友好而言,眾所周知,搜尋引擎喜歡清潔的代碼(其真正意義在於,增加了有效關鍵詞佔網頁總代碼的比重),因此使用CSS+DIV的web標準製作的網站具有搜尋引擎友好的一定優勢。不過,搜尋引擎對於網頁的收錄和排序顯然不是以是否採用表格和CSS定位來衡量,這就是為什麼很多傳統表格版面配置製作的網站排序很靠前,而很多使用CSS及web標準製作的網頁排名依然靠後的原因。因為對於搜尋引擎而言,內容、結構、連結等因素始終是網站最佳化最重要的指標。 

#html/xhtml/xml專欄

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.