北京網(wǎng)站建設(shè)多年網(wǎng)站建設(shè)經(jīng)驗(yàn),依托強(qiáng)大的服務(wù)優(yōu)勢(shì),為您提供專業(yè)的北京網(wǎng)站建設(shè)服務(wù)

當(dāng)前位置:首頁(yè) > 北京網(wǎng)站建設(shè) > DIV+CSS的優(yōu)點(diǎn)與缺點(diǎn)(好處與壞處)
北京網(wǎng)站制作 網(wǎng)站建設(shè)公司 網(wǎng)站搭建 網(wǎng)站制作公司 企業(yè)建站 網(wǎng)站設(shè)計(jì)公司 網(wǎng)站開發(fā) 網(wǎng)站設(shè)計(jì) 北京網(wǎng)站設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)公司 常見問題 高端網(wǎng)站建設(shè) 企業(yè)網(wǎng)站建設(shè) 品牌網(wǎng)站建設(shè) 網(wǎng)頁(yè)設(shè)計(jì)模板 網(wǎng)頁(yè)設(shè)計(jì)與制作 網(wǎng)站建設(shè)多少錢 網(wǎng)站設(shè)計(jì)與制作 網(wǎng)站建設(shè)費(fèi)用 做網(wǎng)站 做網(wǎng)站公司 高端網(wǎng)站設(shè)計(jì) 網(wǎng)站建設(shè)方案 網(wǎng)站建設(shè)制作 北京網(wǎng)站建設(shè) 網(wǎng)站建設(shè)知識(shí) 網(wǎng)站建設(shè)優(yōu)化 網(wǎng)站建設(shè)空間 建設(shè)網(wǎng)站 制作網(wǎng)站 設(shè)計(jì)網(wǎng)站 開發(fā)網(wǎng)站 網(wǎng)站建設(shè)開發(fā) 網(wǎng)站開發(fā)公司 網(wǎng)頁(yè)制作 搭建網(wǎng)站 網(wǎng)站設(shè)計(jì)制作 網(wǎng)站設(shè)計(jì)費(fèi)用 企業(yè)網(wǎng)站設(shè)計(jì) 公司網(wǎng)站建設(shè) 公司網(wǎng)站設(shè)計(jì) 公司網(wǎng)站制作 企業(yè)做網(wǎng)站 網(wǎng)站設(shè)計(jì)與開發(fā) 網(wǎng)站建設(shè)備案

DIV+CSS的優(yōu)點(diǎn)與缺點(diǎn)(好處與壞處)

作者:鵬飛網(wǎng)絡(luò)   時(shí)間:2011-9-23   分類:北京網(wǎng)站建設(shè)

  如今大部分網(wǎng)站仍然采用表格嵌套內(nèi)容的方式來制作網(wǎng)站,雖然此方法對(duì)于我們來說比較熟悉、比較上手;但是,它卻阻礙了一種更好的、更有親和力的、更靈活的,而且功能更強(qiáng)大的網(wǎng)站設(shè)計(jì)方法——DIV+CSS。

  隨著WEB2.0標(biāo)準(zhǔn)化設(shè)計(jì)理念的普及,國(guó)內(nèi)很多大型門戶網(wǎng)站已經(jīng)紛紛采用DIV+CSS制作方法,而從實(shí)際應(yīng)用情況來看,此種方法絕對(duì)好于表格制作頁(yè)面的方法。具體優(yōu)勢(shì)體現(xiàn)在如下方面:

  1、修改設(shè)計(jì)時(shí)更有效率
  由于使用了DIV+CSS制作方法,在修改頁(yè)面的時(shí)候更加容易省時(shí)。根據(jù)區(qū)域內(nèi)容標(biāo)記,到CSS里找到相應(yīng)的ID,使得修改頁(yè)面的時(shí)候更加方便,也不會(huì)破壞頁(yè)面其他部分的布局樣式。

  2、更好地被搜索引擎收錄
由于將大部分的HTML代碼和內(nèi)容樣式寫入了CSS文件中,這就使得網(wǎng)頁(yè)中正文部分更為突出明顯,便于被搜索引擎采集收錄。

  3、使頁(yè)面載入得更快
  由于將大部分頁(yè)面代碼寫在了CSS當(dāng)中,使得頁(yè)面體積容量變得更小。相對(duì)于表格嵌套的方式,DIV+CSS將頁(yè)面獨(dú)立成更多的區(qū)域,在打開頁(yè)面的時(shí)候,逐層加載。而不像表格嵌套那樣將整個(gè)頁(yè)面圈在一個(gè)大表格里,使得加載速度很慢。

  4、對(duì)瀏覽者和瀏覽器更具親和力
  我們都知道網(wǎng)站做出來是給瀏覽者使用的,對(duì)瀏覽者和瀏覽器更具親和力,DIV+CSS在這方面更具優(yōu)勢(shì)。由于CSS富含豐富的樣式,使頁(yè)面更加靈活性,它可以根據(jù)不同的瀏覽器,而達(dá)到顯示效果的統(tǒng)一和不變形。

  5、降低流量費(fèi)用
  頁(yè)面體積變小,瀏覽速度變快,這就使得對(duì)于某些控制主機(jī)流量的網(wǎng)站來說是比較大的優(yōu)勢(shì)了。

  6、保持視覺的一致性
  DIV+CSS很重要的優(yōu)勢(shì)之一:保持視覺的一致性;以往表格嵌套的制作方法,會(huì)使得頁(yè)面與頁(yè)面,或者區(qū)域與區(qū)域之間的顯示效果會(huì)有偏差。而使用DIV+CSS的制作方法,將所有頁(yè)面,或所有區(qū)域統(tǒng)一用CSS文件控制,就避免了不同區(qū)域或不同頁(yè)面體現(xiàn)出的效果偏差。


  DIV+CSS有這么多的優(yōu)點(diǎn),但它還有一些不好的地方:

  1、CSS網(wǎng)站制作的設(shè)計(jì)元素通常放在1個(gè)外部文件中,或幾個(gè)文件,有可能相當(dāng)復(fù)雜,甚至比較龐大,如果CSS文件調(diào)用出現(xiàn)異常,那么整個(gè)網(wǎng)站將變得慘不忍睹。

  2、DIV+CSS盡管不是高不可及,但至少要比表格定位復(fù)雜的多,即使對(duì)于網(wǎng)站設(shè)計(jì)高手也很容易出現(xiàn)問題,更不要說初學(xué)者了。

  3、雖然說DIV+CSS解決了大部分瀏覽器兼容問題,但是也有在部分瀏覽器中使用出現(xiàn)異常,比如火狐瀏覽器,在IE中顯示正常的頁(yè)面,到了火狐瀏覽器中可能會(huì)面目全非。當(dāng)然這應(yīng)該是瀏覽器的問題,但是可以說在目前來看,DIV+CSS還沒有實(shí)現(xiàn)所有瀏覽器的統(tǒng)一兼容。

  4、DIV+CSS對(duì)搜索引擎優(yōu)化與否,取決于網(wǎng)頁(yè)設(shè)計(jì)的專業(yè)水平,而不是DIV+CSS本身。DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)并不能保證網(wǎng)頁(yè)對(duì)搜索引擎的優(yōu)化,甚至不能保證一定比HTML網(wǎng)站有更簡(jiǎn)潔的代碼設(shè)計(jì),何況搜索引擎對(duì)于網(wǎng)頁(yè)的收錄和排序顯然不是以是否采用表格和CSS定位來衡量,這就是為什么很多傳統(tǒng)表格布局制作的網(wǎng)站在搜索結(jié)果中的排序靠前,而很多使用CSS及web標(biāo)準(zhǔn)制作的網(wǎng)頁(yè)排名依然靠后的原因。因?yàn)閷?duì)于搜索引擎而言,網(wǎng)站結(jié)構(gòu)、內(nèi)容、相關(guān)網(wǎng)站鏈接等因素始終是網(wǎng)站優(yōu)化很重要的指標(biāo)。

  綜合DIV+CSS優(yōu)勢(shì)和略勢(shì),我認(rèn)為不可盲目跟風(fēng),如何更有效、更合理的運(yùn)用WEB2.0設(shè)計(jì)標(biāo)準(zhǔn),這需要很長(zhǎng)時(shí)間的學(xué)習(xí)和鍛煉,而如何將DIV+CSS運(yùn)用的更好,我覺得這需要通過不斷的實(shí)踐和體檢,積累豐富的設(shè)計(jì)經(jīng)驗(yàn),才能很好的掌握這門技術(shù)。