CSS網頁布局的意義與副作用

      作者:
      分類: 觀點/經驗
      2010-05-06
      2774
      [table][tr][td]隨著WEB2.0標準化設計理念的普及,國內很多大型門戶網站已經紛紛采用DIV+CSS制作方法,從實際應用情況來看,此種方法絕對好于表格制作頁面的方法。 

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

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

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

      一,使頁面載入得更快  

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

      二,降低流量費用  

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

      三,修改設計時更有效率  

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

      四,保持視覺的一致性  

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

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

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

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

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

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

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

      CSS網頁布局的副作用: 

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

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

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

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

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

      0
      9
      分享到:

      0

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

      推薦閱讀

      ×

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

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯(lián)系我們

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

      版權信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

      主站蜘蛛池模板: 一区二区日韩国产精品| 国产精品99精品一区二区三区 | 全国精品一区二区在线观看| 无码精品久久一区二区三区| 三上悠亚亚洲一区高清| 麻豆AV天堂一区二区香蕉| 国产在线无码视频一区| 人妻少妇久久中文字幕一区二区| 无码人妻啪啪一区二区| 亚洲视频一区二区| 一区在线观看视频| 国产欧美色一区二区三区| 高清国产AV一区二区三区| 人妻内射一区二区在线视频| 国产91精品一区二区麻豆网站| 国产精品男男视频一区二区三区 | 美女视频在线一区二区三区| 免费观看日本污污ww网站一区| 色久综合网精品一区二区| 高清一区二区三区日本久| 精品国产免费一区二区三区| 天堂不卡一区二区视频在线观看 | 亚洲一区二区三区写真| 日韩精品无码一区二区三区| 久久99精品一区二区三区| 亚洲av无码一区二区乱子伦as| 中文字幕人妻丝袜乱一区三区| 爆乳无码AV一区二区三区 | 国精产品一区一区三区MBA下载| 亚洲丰满熟女一区二区v| 精品熟人妻一区二区三区四区不卡| 久久精品一区二区三区日韩| 97av麻豆蜜桃一区二区| 中字幕一区二区三区乱码| 亚洲色无码专区一区| 国产亚洲福利一区二区免费看 | 久久国产一区二区三区| 3D动漫精品啪啪一区二区下载 | 国产一区视频在线| 精品欧洲AV无码一区二区男男| 国产乱码精品一区二区三区|