DIV+CSS頁面(miàn)嵌套技術

DIV+CSS是網站标準（或稱“WEB标準”）中常用的術語之一，通常爲了說明與HTML網頁設計語言中的表格（table）定位方式的區别，因爲XHTML網站設計标準中，不再使用表格定位技術，而是采用DIV+CSS的方式實現各種(zhǒng)定位。

  CSS是英語Cascading Style Sheets（層疊樣(yàng)式表單）的縮寫，它是一種(zhǒng)用來表現 HTML 或 XML 等文件式樣(yàng)的計算機語言。

DIV元素是用來爲HTML文檔内大塊（block-level）的内容提供結構和背景的元素。DIV的起(qǐ)始标簽和結束标簽之間的所有内容都(dōu)是用來構成(chéng)這(zhè)個塊的，其中所包含元素的特性由DIV标簽的屬性來控制，或者是通過(guò)使用樣(yàng)式表格式化這(zhè)個塊來進(jìn)行控制。

采用CSS+DIV進(jìn)行網頁重構相對(duì)與傳統的TABLE網頁布局而具有以下7個顯著優勢：

1：表現和内容相分離

將(jiāng)設計部分剝離出來放在一個獨立樣(yàng)式文件中，HTML文件中隻存放文本信息。

2：提高搜索引擎對(duì)網頁的索引效率

用隻包含結構化内容的HTML代替嵌套的标簽，搜索引擎將(jiāng)更有效地搜索到你的網頁内容，并可能(néng)給你一個較高的評價。

3：提高頁面(miàn)浏覽速度

DIV+CSS布局較Table布局減少了頁面(miàn)代碼，加載速度得到很大的提高，這(zhè)在spider爬行時是非常有利的。過(guò)多的頁面(miàn)代碼可能(néng)造成(chéng)爬行超時，spider就會認爲這(zhè)個頁面(miàn)無法訪問，影響收錄及權重。

另一方面(miàn)，真正的網站優化不隻是爲了追求收錄、排名，快速的響應速度是提高用戶體驗度的基礎，這(zhè)對(duì)整個搜索引擎優化及營銷都(dōu)是非常有利的。

4：易于維護和改版

你隻要簡單的修改幾個CSS文件就可以重新設計整個網站的頁面(miàn)。

5：代碼精簡

使用DIV+CSS布局，頁面(miàn)代碼精簡，這(zhè)一點相信對(duì)XHTML有所了解的都(dōu)知道(dào)。代碼精簡所帶來的直接好(hǎo)處有兩(liǎng)點：一是提高spider爬行效率，能(néng)在短的時間内爬完整個頁面(miàn)，這(zhè)樣(yàng)對(duì)收錄質量有一定好(hǎo)處;二是由于能(néng)高效的爬行，就會受

到spider喜歡，這(zhè)樣(yàng)對(duì)收錄數量有一定好(hǎo)處。

6：表格的嵌套問題

很多網站如何推廣的文章中稱，搜索引擎一般不抓取三層以上的表格嵌套，這(zhè)一點一直沒(méi)有得到搜索引擎官方的證實。

但根據目前掌握的情況來看，spider爬行Table布局的頁面(miàn)，遇到多層表格嵌套時，會跳過(guò)嵌套的内容或直接放棄整個頁面(miàn)。

使用Table布局，爲了達到一定的視覺效果，不得不套用多個表格。如果嵌套的表格中是核心内容，spider爬行時跳過(guò)了這(zhè)一段沒(méi)有抓取到頁面(miàn)的核心，這(zhè)個頁面(miàn)就成(chéng)了相似頁面(miàn)。網站中過(guò)多的相似頁面(miàn)會影響排名及域名信任度。

而DIV+CSS布局基本上不會存在這(zhè)樣(yàng)的問題，從技術角度來說，XHTML在控制樣(yàng)式時也不需要過(guò)多的嵌套。

這(zhè)雖然沒(méi)有得到确認，但還(hái)是建議使用Table布局的朋友們，在設計時盡可能(néng)的不要使用多層表格嵌套，SEOer們在文章中說明了這(zhè)一點，相信他們也不是沒(méi)有依據的。

DIV+CSS起(qǐ)到的作用是將(jiāng)設計部分剝離出來放在一個獨立樣(yàng)式文件中，HTML文件中隻存放文本信息。

7：對(duì)網站的Alexa排名的影響

基于XTHML标準的DIV+CSS布局，一般在設計完成(chéng)後(hòu)會盡可能(néng)的完善到能(néng)通過(guò)W3C驗證。截止目前沒(méi)有搜索引擎表示排名規則會傾向(xiàng)于符合W3C标準的網站或頁面(miàn)，但事(shì)實證明使用XTHML架構的網站排名狀況一般都(dōu)不錯。