作為CSSer，你需要知道很多知識(shí)。前面有UE設(shè)置，后面有程序。在開發(fā)過(guò)程中，你需要考慮網(wǎng)站優(yōu)化，收錄用戶體驗(yàn)和SEO。

SEO主要是通過(guò)對(duì)網(wǎng)站的結(jié)構(gòu)、標(biāo)簽、排版等方面的優(yōu)化，使谷歌等搜索引擎能夠更輕松地搜索到網(wǎng)站的內(nèi)容，并讓網(wǎng)站的每個(gè)頁(yè)面在谷歌等搜索引擎中獲得更高的分?jǐn)?shù)，從而獲得更好的排名。

1、 代碼縮減

使用div+CSS布局，頁(yè)面代碼非常簡(jiǎn)潔，我相信每個(gè)了解XHTML的人都知道這一點(diǎn)。代碼簡(jiǎn)化帶來(lái)的直接好處有兩個(gè)：一是提高了爬行器爬行的效率，可以在最短的時(shí)間內(nèi)爬上一個(gè)完整的頁(yè)面，有利于提高采集質(zhì)量；第二，因?yàn)樗芨咝佬校詴?huì)受到蜘蛛的喜歡，這對(duì)收錄的數(shù)量有好處。

2、 表的嵌套

在很多關(guān)于如何推廣網(wǎng)站的文章中，都說(shuō)搜索引擎一般不會(huì)捕捉到超過(guò)三級(jí)的表嵌套，這一點(diǎn)還沒(méi)有得到搜索引擎的官方證實(shí)。我的幾個(gè)實(shí)驗(yàn)結(jié)果并不完全可用，但根據(jù)目前的情況，爬行器在爬行具有表布局的頁(yè)面時(shí)，遇到多層表嵌套時(shí)，會(huì)跳過(guò)嵌套內(nèi)容或放棄整個(gè)頁(yè)面。從而降低了搜索效率。

使用表格布局，為了達(dá)到一定的視覺(jué)效果，我們必須應(yīng)用多個(gè)表格。如果嵌套表是核心內(nèi)容，并且爬行器在爬行時(shí)跳過(guò)此部分，并且沒(méi)有抓住頁(yè)面的核心，則頁(yè)面將成為類似的頁(yè)面。過(guò)多的相似網(wǎng)頁(yè)會(huì)影響網(wǎng)站的排名和域名信任度。

div+CSS布局基本上沒(méi)有這樣的問(wèn)題。從技術(shù)角度來(lái)看，XHTML在控制樣式時(shí)不需要太多嵌套。

雖然這一點(diǎn)尚未得到證實(shí)，但還是建議使用表布局的朋友在設(shè)計(jì)中盡量不要使用多層表嵌套。SEOers在文章中對(duì)此進(jìn)行了解釋，我相信他們并非沒(méi)有根據(jù)。

3、 速度問(wèn)題

與表布局相比，div+CSS布局減少了頁(yè)面代碼，大大提高了加載速度，這對(duì)爬行器爬行非常有利。太多的頁(yè)面代碼可能會(huì)導(dǎo)致爬行超時(shí)，爬行器會(huì)認(rèn)為頁(yè)面無(wú)法訪問(wèn)，影響權(quán)重和收錄。

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