div+css特點與優勢

技術小牛人發表於2017-11-07
< DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd>

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標準制作的網頁排名依然靠後的原因。因為對於搜尋引擎而言,內容、結構、連結等因素始終是網站優化最重要的指標。 

本文轉自 netcorner 部落格園部落格,原文連結:http://www.cnblogs.com/netcorner/archive/2006/12/20/2912461.html  ,如需轉載請自行聯絡原作者


相關文章