设计之家 > 教程 > 網頁教程 > CSS教程 >

什么是DIV+CSS?

作者:饒凱 來源:DoNews 時間:2007-07-30

  什么是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 )中卻可能面目全非(這也是為什么建議網絡營銷人員使用火狐瀏覽器的原因所在 )。CSS+DIV還有待于各個瀏覽器廠商的進一步支持。

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

标签:DIVCSS

推薦設計

最新文章