用CSS+DIV網(wǎng)站重構(gòu)和網(wǎng)站優(yōu)化的關(guān)系
發(fā)布時(shí)間:2010-09-21
熱度:
采用CSS+DIV對(duì)網(wǎng)站重構(gòu)日趨被大家重視起來(lái)了,尤其是大型站點(diǎn)。其實(shí),早些時(shí)候像阿里巴巴、163等大型門(mén)戶(hù)站點(diǎn)就已經(jīng)完成了重構(gòu)工作。 個(gè)人感覺(jué)這種方法確實(shí)比傳統(tǒng)的TABLE形式的源碼架構(gòu)強(qiáng)多了。
采用CSS+DIV進(jìn)行網(wǎng)頁(yè)重構(gòu)相對(duì)與傳統(tǒng)的TABLE網(wǎng)頁(yè)布局而具有以下4個(gè)顯著優(yōu)勢(shì):
1:表現(xiàn)和內(nèi)容相分離
將設(shè)計(jì)部分剝離出來(lái)放在一個(gè)獨(dú)立樣式文件中,HTML文件中只存放文本信息。
2:提高搜索引擎對(duì)網(wǎng)頁(yè)的索引效率
用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標(biāo)簽,搜索引擎將更有效地搜索到你的網(wǎng)頁(yè)內(nèi)容,并可能給你一個(gè)較高的評(píng)價(jià)。
3:提高頁(yè)面瀏覽速度
對(duì)于同一個(gè)頁(yè)面視覺(jué)效果,采用CSS+DIV重構(gòu)的頁(yè)面容量要比TABLE編碼的頁(yè)面文件容量小得多,前者一般只有后者的1/2大小。
4:易于維護(hù)和改版
你只要簡(jiǎn)單的修改幾個(gè)CSS文件就可以重新設(shè)計(jì)整個(gè)網(wǎng)站的頁(yè)面。
從以上的描述來(lái)看,采用CSS+DIV對(duì)網(wǎng)站重構(gòu)可以大大提升網(wǎng)站用戶(hù)與搜索引擎的友好度。