DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS+DIV概念及其優勢
CSS+DIV概念及其優勢
編輯:CSS詳解     

你對CSS+DIV介紹及其優勢是否了解,CSS它是一種用來表現HTML或XML等文件式樣的計算機語言,而DIV元素是用來為Html文檔內大塊(block-level)的內容提供結構和背景的元素。

CSS+DIV介紹及其優勢

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

CSS是英語CascadingStyleSheets(層疊樣式表單)的縮寫,它是一種用來表現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標准制作的網頁排名依然靠後的原因。因為對於搜索引擎而言,網站結構、內容、相關網站鏈接等因素始終是網站優化最重要的指標。

文章出處:站點基地[http://www.zDBase.com/content/detail.ASPx?OID=C0357E88-7F34-4B6F-9D2D-06AF39B8B191]

【編輯推薦】

  1. DIV CSS隱藏內容樣式方法揭秘
  2. 實例解析CSS padding 屬性用法
  3. 探究IE和Firefox下的2款HTTP調試工具用法
  4. DIV+CSS開發XHtml網頁對SEO優化的影響
  5. DIV CSS網頁布局中對段落進行排版的方法
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved