CSS+DIV設計網(wǎng)站的優(yōu)缺點詳解
CSS是英語Cascading Style Sheets(層疊樣式表單)的縮寫,它是一種用來表現(xiàn) HTML 或 XML 等文件式樣的計算機語言。
DIV元素是用來為HTML文檔內(nèi)大塊(block-level)的內(nèi)容提供結構和背景的元素。DIV的起始標簽和結束標簽之間的所有內(nèi)容都是用來構成這個塊的,其中所包含元素的特性由DIV標簽的屬性來控制,或者是通過使用樣式表格式化這個塊來進行控制。
下面小編就為初學者們打來CSS+DIV設計的網(wǎng)站的優(yōu)缺點。
CSS+DIV是網(wǎng)站標準(或稱“WEB標準”)中常用的術語之一,通常為了說明與HTML網(wǎng)頁設計語言中的表格(table)定位方式的區(qū)別,因為XHTML網(wǎng)站設計標準中,不再使用表格定位技術,而是采用css+div的方式實現(xiàn)各種定位。
CSS+DIV網(wǎng)站設計的優(yōu)勢和問題
XHTM是目前國際上倡導的網(wǎng)站標準設計語言,因為XHTML網(wǎng)站設計語言具有的基本特點,這種CSS+DIV模式的網(wǎng)站設計具有一定的優(yōu)勢,不過目前在網(wǎng)站建設應用中CSS+DIV模式也存在一些問題。本文綜合網(wǎng)站技術和設計人員的體會,并從網(wǎng)絡營銷應用的'角度,將CSS+DIV網(wǎng)站設計的優(yōu)勢和問題歸納如下:
CSS+DIV網(wǎng)站設計的優(yōu)勢
首先,CSS的極大優(yōu)勢表現(xiàn)在簡潔的代碼,對于一個大型網(wǎng)站來說,可以節(jié)省大量帶寬,而且眾所周知,搜索引擎喜歡清潔的代碼(其真正意義在于,增加了有效關鍵詞占網(wǎng)頁總代碼的比重),因此使用CSS+DIV的web標準制作的網(wǎng)站具有搜索引擎友好的一定優(yōu)勢。
其次,CSS+DIV制作的網(wǎng)站使得網(wǎng)站改版相對簡單,很多問題只需要改變CSS而不需要改動程序,從而降低了網(wǎng)站改版的成本。
CSS+DIV網(wǎng)站設計的問題
盡管CSS+DIV具有一定的優(yōu)勢,不過現(xiàn)階段CSS+DIV網(wǎng)站建設存在的問題也比較明顯,主要表現(xiàn)在:
第一,對于CSS的高度依賴使得網(wǎng)頁設計變得比較復雜。相對于HTML4.0中的表格布局(table),CSS+DIV盡管不是高不可及,但至少要比表格定位復雜的多,即使對于網(wǎng)站設計高手也很容易出現(xiàn)問題,更不要說初學者了,這在一定程度上影響了XHTML網(wǎng)站設計語言的普及應用。
第二,CSS文件異常將影響整個網(wǎng)站的正常瀏覽。CSS網(wǎng)站制作的設計元素通常放在幾個l外部文件中,這一個或幾個文件有可能相當復雜,甚至比較龐大,如果CSS文件調(diào)用出現(xiàn)異常,那么整個網(wǎng)站將變得慘不忍睹。
第三,對于CSS網(wǎng)站設計的瀏覽器兼容性問題比較突出;贖TML4.0的網(wǎng)頁設計在IE4.0之后的版本中幾乎不存在瀏覽器兼容性問題,但CSS+DIV設計的網(wǎng)站在IE瀏覽器里面正常顯示的頁面,到火狐瀏覽器(FireFox )中卻可能面目全非(這也是為什么建議網(wǎng)絡營銷人員使用火狐瀏覽器的原因所在 )。CSS+DIV還有待于各個瀏覽器廠商的進一步支持。
第四,CSS+DIV對搜索引擎優(yōu)化與否取決于網(wǎng)頁設計的專業(yè)水平而不是CSS+DIV本身。CSS+DIV網(wǎng)頁設計并不能保證網(wǎng)頁對搜索引擎的優(yōu)化,甚至不能保證一定比HTML網(wǎng)站有更簡潔的代碼設計,何況搜索引擎對于網(wǎng)頁的收錄和排序顯然不是以是否采用表格和CSS定位來衡量,這就是為什么很多傳統(tǒng)表格布局制作的網(wǎng)站在搜索結果中的排序靠前,而很多使用CSS及web標準制作的網(wǎng)頁排名依然靠后的原因。因為對于搜索引擎而言,網(wǎng)站結構、內(nèi)容、相關網(wǎng)站鏈接等因素始終是網(wǎng)站優(yōu)化最重要的指標
【CSS+DIV設計網(wǎng)站的優(yōu)缺點詳解】相關文章:
SEO單頁面網(wǎng)站優(yōu)化的優(yōu)缺點05-31
網(wǎng)站制作流程步驟詳解05-15
網(wǎng)站優(yōu)化技巧:網(wǎng)站設計的關鍵10-23
網(wǎng)站設計的標準05-08
網(wǎng)站內(nèi)鏈優(yōu)化方法詳解06-21
手機網(wǎng)站長滾動網(wǎng)頁「詳解」05-19
網(wǎng)站美工的設計基礎09-12
淺談網(wǎng)站設計的內(nèi)容05-09