CSS網(wǎng)頁布局的意義與副作用

      作者:
      2010-05-06
      2803
      [table][tr][td]隨著WEB2.0標準化設(shè)計理念的普及,國內(nèi)很多大型門戶網(wǎng)站已經(jīng)紛紛采用DIV+CSS制作方法,從實際應(yīng)用情況來看,此種方法絕對好于表格制作頁面的方法。 

      如今大部分網(wǎng)站仍然采用表格嵌套內(nèi)容的方式來制作網(wǎng)站,雖然此方法對于我們來說比較熟悉,比較上手; 

      但是,它卻阻礙了一種更好的,更有親和力的,更靈活的,而且功能更強大的網(wǎng)站設(shè)計方法——DIV+CSS。  

      CSS網(wǎng)頁布局的意義體現(xiàn)在如下方面:  

      一,使頁面載入得更快  

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

      二,降低流量費用  

      頁面體積變小,瀏覽速度變快,這就使得對于某些控制主機流量的網(wǎng)站來說是最大的優(yōu)勢了。  

      三,修改設(shè)計時更有效率  

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

      四,保持視覺的一致性  

      DIV+CSS最重要的優(yōu)勢之一:保持視覺的一致性; 

      以往表格嵌套的制作方法,會使得頁面與頁面,或者區(qū)域與區(qū)域之間的顯示效果會有偏差。而使用DIV+CSS的制作方法,將所有頁面,或所有區(qū)域統(tǒng)一用CSS文件控制,就避免了不同區(qū)域或不同頁面體現(xiàn)出的效果偏差。  

      五,更好地被搜索引擎收錄  

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

      六,對瀏覽者和瀏覽器更具親和力  

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

      說了這么多CSS網(wǎng)頁布局的意義與優(yōu)點,同時也不能輕視 

      CSS網(wǎng)頁布局的副作用: 

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

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

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

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

      綜合以上討論的DIV+CSS優(yōu)勢和略勢,我認為不可盲目跟風(fēng)。 [/td][/tr][/table]

      0
      9
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務(wù)聯(lián)系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯(lián)系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學(xué)科技園東區(qū)9號樓2層

      版權(quán)信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號

      主站蜘蛛池模板: 精品国产AV无码一区二区三区| 男人的天堂亚洲一区二区三区| 精品人伦一区二区三区潘金莲| 一区二区三区免费在线视频| 99精品一区二区三区| 久久中文字幕无码一区二区| 成人毛片无码一区二区| 亚洲线精品一区二区三区| 免费看AV毛片一区二区三区| 日韩高清国产一区在线| 亚洲AⅤ视频一区二区三区| 精品一区精品二区制服| 久久久99精品一区二区| 亚洲一区二区三区久久久久| 精品国产一区二区三区久久狼| 久久无码人妻一区二区三区午夜 | 精品一区二区三区在线视频观看 | 精品国产a∨无码一区二区三区| 老湿机一区午夜精品免费福利| 精品国产一区AV天美传媒| 久久国产视频一区| 日本一区二区三区免费高清在线| 伊人色综合网一区二区三区| 国产精品亚洲一区二区麻豆| 日韩人妻无码一区二区三区| 国精品无码一区二区三区左线| 国产精品亚洲不卡一区二区三区 | 精品一区二区三区在线视频| 亚洲夜夜欢A∨一区二区三区| 亚洲人成人一区二区三区 | 日本精品夜色视频一区二区| 国产精品久久久久一区二区三区| 亚洲乱码av中文一区二区| 精品国产一区二区三区AV| 在线播放精品一区二区啪视频| 日本精品一区二区三区视频| 无码少妇一区二区三区芒果| 福利一区二区三区视频午夜观看| 国产在线精品一区在线观看| 国产精品综合一区二区三区| 一区二区视频在线免费观看|