本文和大家重點讨論一(yī)下(xià)為(wèi)什麽要運用Div Css進行網頁設計? CSS是CascadingstyleSheets的簡稱,中文譯作“層疊樣式表單”,在主頁制作時采用CSS技(jì)術(shù),可以有效地對頁面的布局、字體、顔色、背景和其它效果實現更加精确的控制。
為(wèi)什麽要運用Div Css進行網頁設計?
為(wèi)什麽要運用Div Css進行網頁設計,用Div Css設計有什麽好處呢(ne)?面對目前Div Css布局日益成為(wèi)新站建立的首選,大家不禁産生(shēng)以上(shàng)疑問!
CSS是CascadingstyleSheets的簡稱,中文譯作“層疊樣式表單”,在主頁制作時采用CSS技(jì)術(shù),可以有效地對頁面的布局、字體、顔色、背景和其它效果實現更加精确的控制。隻要對相(xiàng)應的代碼做一(yī)些簡單的修改,就(jiù)可以改變同一(yī)頁面的不同部分,或者頁數不同的網頁的外觀和格式。網上(shàng)沖浪無論你用InternetExplorer還(hái)是NetscapeNavigator,幾乎随時都在與CSS打交道,在網上(shàng)沒有使用過CSS的網頁可能(néng)不好找。不管你用什麽工(gōng)具軟件(jiàn)制作網頁,都有在有意無意地使用CSS。用好CSS能(néng)使你的網頁更加簡煉,同樣内容的網頁,有的人做出來有幾十KB,而高(gāo)手做出來隻有十幾KB。
概括來講使用Div CSS構架主要有以下(xià)三大好處:
1、對搜索引擎親和力
一(yī)般來說,table構架描述的頁面,樣式結構和内容信息大小(xiǎo)比可能(néng)達到(dào)1:1甚至更高(gāo),而Div CSS構架的頁面。雖然在客戶端看(kàn)來下(xià)載一(yī)個(gè)複雜(zá)的CSS也要占用差不多(duō)的帶寬,然而搜索引擎可以很方便的繞過這個(gè)css,而直接抓去div中的内容。這便是div的優勢所在。搜索引擎不會(huì)在意一(yī)個(gè)頁面的設計或者構成,搜索引擎不可能(néng)“欣賞”設計漂亮新穎的頁面,也不會(huì)去“排斥”顔色搭配醜陋的頁面。它們隻是默默地拿到(dào)它們需要的内容就(jiù)離開(kāi)。如果一(yī)個(gè)頁面中涵蓋了大量的table來描述構架,試想搜索引擎要花多(duō)大的代價才可以拿到(dào)真正有用的信息呢(ne)?因此,Div Css結構清晰,容易被搜索引擎搜索到(dào),天生(shēng)優化了seo。
2、表現和内容分離,便于站點重構頁面
内容和樣式的分離導緻我們在重構頁面布局(更換皮膚)的時候,隻用針對每一(yī)個(gè)div元素重新定義其具體位置、樣式就(jiù)行了。而在原來的table基礎上(shàng)進行改版,幾乎必須改變所有的内容注入渠道,實在是太過于麻煩。這個(gè)應用最經典的例子就(jiù)是各大blog程序了。就(jiù)如現在我用的LBS系統,以及流行的PJBLOG、PHP下(xià)面的WP、MT,都是采用Div Css構架。
3、便于Web項目開(kāi)發分工(gōng)協作
以往的Web開(kāi)發程序員(yuán)和頁面設計者結合必須相(xiàng)當緊密。由于Div CSS構架的表現和内容分離的特性,程序員(yuán)和頁面設計者隻要通(tōng)過一(yī)定頁面元素的約定,便可進行各自(zì)擅長(cháng)的程序控制和頁面展示部分的開(kāi)發,大大提高(gāo)了開(kāi)發效率。