初學:什麼是DIV+CSS?有什麼優勢?

來源:互聯網
上載者:User
什麼是CSS+DIV?

 CSS+DIV是網站標準(或稱“WEB標準”)中常用的術語之一,通常為了說明與HTML網頁設計語言中的表格(table)定位方式的區別,因為XHTML網站設計標準中,不再使用表格定位技術,而是採用css+div的方式實現各種定位。

  CSS是英語Cascading Style Sheets(層疊樣式表單)的縮寫,它是一種用來表現 HTML 或 XML 等檔案式樣的電腦語言。

  DIV元素是用來為HTML文檔內大塊(block-level)的內容提供結構和背景的元素。DIV的起始標籤和結束標籤之間的所有內容都是用來構成這個塊的,其中所包含元素的特性由DIV標籤的屬性來控制,或者是通過使用樣式表格式化這個塊來進行控制。

  CSS+DIV網站設計的優勢和問題

  XHTM是目前國際上倡導的網站標準設計語言,因為XHTML網站設計語言具有的基本特點,這種CSS+DIV模式的網站設計具有一定的優勢,不過目前在網站建設應用中CSS+DIV模式也存在一些問題。本文綜合網站技術和設計人員的體會,並從網路營銷應用的角度,將CSS+DIV網站設計的優勢和問題歸納如下:

  CSS+DIV網站設計的優勢

  首先,CSS的極大優勢表現在簡潔的代碼,對於一個大型網站來說,可以節省大量頻寬,而且眾所周知,搜尋引擎喜歡清潔的代碼(其真正意義在於,增加了有效關鍵詞佔網頁總代碼的比重),因此使用CSS+DIV的web標準製作的網站具有搜尋引擎友好的一定優勢。

  其次,CSS+DIV製作的網站使得網站改版相對簡單,很多問題只需要改變CSS而不需要改動程式,從而降低了網站改版的成本。

  CSS+DIV網站設計的問題

  儘管CSS+DIV具有一定的優勢,不過現階段CSS+DIV網站建設存在的問題也比較明顯,主要表現在:

第一,對於CSS的高度依賴使得網頁設計變得比較複雜。相對於HTML4.0中的表格版面配置(table),CSS+DIV儘管不是高不可及,但至少要比表格定位複雜的多,即使對於網站設計高手也很容易出現問題,更不要說初學者了,這在一定程度上影響了XHTML網站設計語言的普及應用。

  第二,CSS檔案異常將影響整個網站的正常瀏覽。CSS網站製作的設計項目通常放在幾個l外部檔案中,這一個或幾個檔案有可能相當複雜,甚至比較龐大,如果CSS檔案調用出現異常,那麼整個網站將變得慘不忍睹。

  第三,對於CSS網站設計的瀏覽器安全色性問題比較突出。基於HTML4.0的網頁設計在IE4.0之後的版本中幾乎不存在瀏覽器安全色性問題,但CSS+DIV設計的網站在IE瀏覽器裡面正常顯示的頁面,到Firefox瀏覽器(FireFox )中卻可能面目全非(這也是為什麼建議網路行銷人員使用Firefox瀏覽器的原因所在 )。CSS+DIV還有待於各個瀏覽器廠商的進一步支援。

第四,CSS+DIV對搜尋引擎最佳化與否取決於網頁設計的專業水平而不是CSS+DIV本身。CSS+DIV網頁設計並不能保證網頁對搜尋引擎的最佳化,甚至不能保證一定比HTML網站有更簡潔的代碼設計,何況搜尋引擎對於網頁的收錄和排序顯然不是以是否採用表格和CSS定位來衡量,這就是為什麼很多傳統表格版面配置製作的網站在搜尋結果中的排序靠前,而很多使用CSS及web標準製作的網頁排名依然靠後的原因。因為對於搜尋引擎而言,網站結構、內容、相關網站連結等因素始終是網站最佳化最重要的指標。

 

相關文章

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.