DIV+CSS頁面嵌套技術(shù)

DIV+CSS是網(wǎng)站標(biāo)準(zhǔn)（或稱“WEB標(biāo)準(zhǔn)”）中常用的術(shù)語之一，通常為了說明與HTML網(wǎng)頁設(shè)計(jì)語言中的表格（table）定位方式的區(qū)別，因?yàn)閄HTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用DIV+CSS的方式實(shí)現(xiàn)各種定位。

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

DIV元素是用來為HTML文檔內(nèi)大塊（block-level）的內(nèi)容提供結(jié)構(gòu)和背景的元素。DIV的起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容都是用來構(gòu)成這個(gè)塊的，其中所包含元素的特性由DIV標(biāo)簽的屬性來控制，或者是通過使用樣式表格式化這個(gè)塊來進(jìn)行控制。

采用CSS+DIV進(jìn)行網(wǎng)頁重構(gòu)相對(duì)與傳統(tǒng)的TABLE網(wǎng)頁布局而具有以下7個(gè)顯著優(yōu)勢(shì)：

1：表現(xiàn)和內(nèi)容相分離

將設(shè)計(jì)部分剝離出來放在一個(gè)獨(dú)立樣式文件中，HTML文件中只存放文本信息。

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

用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標(biāo)簽，搜索引擎將更有效地搜索到你的網(wǎng)頁內(nèi)容，并可能給你一個(gè)較高的評(píng)價(jià)。

3：提高頁面瀏覽速度

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

另一方面，真正的網(wǎng)站優(yōu)化不只是為了追求收錄、排名，快速的響應(yīng)速度是提高用戶體驗(yàn)度的基礎(chǔ)，這對(duì)整個(gè)搜索引擎優(yōu)化及營(yíng)銷都是非常有利的。

4：易于維護(hù)和改版

你只要簡(jiǎn)單的修改幾個(gè)CSS文件就可以重新設(shè)計(jì)整個(gè)網(wǎng)站的頁面。

5：代碼精簡(jiǎn)

使用DIV+CSS布局，頁面代碼精簡(jiǎn)，這一點(diǎn)相信對(duì)XHTML有所了解的都知道。代碼精簡(jiǎn)所帶來的直接好處有兩點(diǎn)：一是提高spider爬行效率，能在短的時(shí)間內(nèi)爬完整個(gè)頁面，這樣對(duì)收錄質(zhì)量有一定好處;二是由于能高效的爬行，就會(huì)受

到spider喜歡，這樣對(duì)收錄數(shù)量有一定好處。

6：表格的嵌套問題

很多網(wǎng)站如何推廣的文章中稱，搜索引擎一般不抓取三層以上的表格嵌套，這一點(diǎn)一直沒有得到搜索引擎官方的證實(shí)。

但根據(jù)目前掌握的情況來看，spider爬行Table布局的頁面，遇到多層表格嵌套時(shí)，會(huì)跳過嵌套的內(nèi)容或直接放棄整個(gè)頁面。

使用Table布局，為了達(dá)到一定的視覺效果，不得不套用多個(gè)表格。如果嵌套的表格中是核心內(nèi)容，spider爬行時(shí)跳過了這一段沒有抓取到頁面的核心，這個(gè)頁面就成了相似頁面。網(wǎng)站中過多的相似頁面會(huì)影響排名及域名信任度。

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

這雖然沒有得到確認(rèn)，但還是建議使用Table布局的朋友們，在設(shè)計(jì)時(shí)盡可能的不要使用多層表格嵌套，SEOer們?cè)谖恼轮姓f明了這一點(diǎn)，相信他們也不是沒有依據(jù)的。

DIV+CSS起到的作用是將設(shè)計(jì)部分剝離出來放在一個(gè)獨(dú)立樣式文件中，HTML文件中只存放文本信息。

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

基于XTHML標(biāo)準(zhǔn)的DIV+CSS布局，一般在設(shè)計(jì)完成后會(huì)盡可能的完善到能通過W3C驗(yàn)證。截止目前沒有搜索引擎表示排名規(guī)則會(huì)傾向于符合W3C標(biāo)準(zhǔn)的網(wǎng)站或頁面，但事實(shí)證明使用XTHML架構(gòu)的網(wǎng)站排名狀況一般都不錯(cuò)。