古詩詞大全網 - 四字成語 - DIV+CSS的概念

DIV+CSS的概念

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

CSS是英語Cascading Style Sheets(層疊樣式表單)的縮寫,它是壹種用來表現 HTML 或 XML 等文件式樣的計算機語言。

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

采用CSS+DIV進行網頁重構相對與傳統的TABLE網頁布局而具有以下4個顯著優勢:

1:表現和內容相分離

將設計部分剝離出來放在壹個獨立樣式文件中,HTML文件中只存放文本信息。

2:提高搜索引擎對網頁的索引效率

用只包含結構化內容的HTML代替嵌套的標簽,搜索引擎將更有效地搜索到妳的網頁內容,並可能給妳壹個較高的評價。

3:提高頁面瀏覽速度

DIV+CSS布局較Table布局減少了頁面代碼,加載速度得到很大的提高,這在spider爬行時是非常有利的。過多的頁面代碼可能造成爬行超時,spider就會認為這個頁面無法訪問,影響收錄及權重。

另壹方面,真正的網站優化不只是為了追求收錄、排名,快速的響應速度是提高用戶體驗度的基礎,這對整個搜索引擎優化及營銷都是非常有利的。

4:易於維護和改版

妳只要簡單的修改幾個CSS文件就可以重新設計整個網站的頁面。

5:代碼精簡

使用DIV+CSS布局,頁面代碼精簡,這壹點相信對XHTML有所了解的都知道。代碼精簡所帶來的直接好處有兩點:壹是提高spider爬行效率,能在最短的時間內爬完整個頁面,這樣對收錄質量有壹定好處;二是由於能高效的爬行,就會受到spider喜歡,這樣對收錄數量有壹定好處。

6:表格的嵌套問題

很多網站如何推廣的文章中稱,搜索引擎壹般不抓取三層以上的表格嵌套,這壹點壹直沒有得到搜索引擎官方的證實。但根據目前掌握的情況來看,spider爬行Table布局的頁面,遇到多層表格嵌套時,會跳過嵌套的內容或直接放棄整個頁面。

使用Table布局,為了達到壹定的視覺效果,不得不套用多個表格。如果嵌套的表格中是核心內容,spider爬行時跳過了這壹段沒有抓取到頁面的核心,這個頁面就成了相似頁面。網站中過多的相似頁面會影響排名及域名信任度。

而DIV+CSS布局基本上不會存在這樣的問題,從技術角度來說,XHTML在控制樣式時也不需要過多的嵌套。

這雖然沒有得到確認,但還是建議使用Table布局的朋友們,在設計時盡可能的不要使用多層表格嵌套,SEOer們在文章中說明了這壹點,相信他們也不是沒有依據的。

7:對網站的Alexa排名的影響

基於XTHML標準的DIV+CSS布局,壹般在設計完成後會盡可能的完善到能通過W3C驗證。截止目前沒有搜索引擎表示排名規則會傾向於符合W3C標準的網站或頁面,但事實證明使用XTHML架構的網站排名狀況壹般都不錯。