Div+CSS布局規(guī)劃 網(wǎng)站規(guī)劃的長(zhǎng)處分析

業(yè)界越來(lái)越關(guān)注DIV+CSS的規(guī)范化規(guī)劃，大到各大門戶網(wǎng)站，小到不可勝數(shù)的個(gè)人網(wǎng)站，在Div+CSS規(guī)范化的影響下，網(wǎng)頁(yè)規(guī)劃人員現(xiàn)已把這一要求作為行業(yè)規(guī)范。那么什么是Div+CSS規(guī)范？Div+CSS的規(guī)范化規(guī)劃到底有什么長(zhǎng)處？

Div 全稱 division 意為“區(qū)別”運(yùn)用 DIV 的辦法跟運(yùn)用其他 tag 的辦法相同。 

假如單獨(dú)運(yùn)用 DIV 而不加任何 CSS, 那么它在網(wǎng)頁(yè)中的作用和運(yùn)用 是相同的。 
DIV本身就是容器性質(zhì)的,你不光能夠內(nèi)嵌table還能夠內(nèi)嵌文本和其它的HTML代碼

CSS是Cascading style Sheets的簡(jiǎn)稱，中文譯作“層疊款式表單”，在主頁(yè)制造時(shí)選用CSS技能，能夠有效地對(duì)頁(yè)面的布局、字體、色彩、背景和其它作用完成愈加準(zhǔn)確的操控。只需對(duì)相應(yīng)的代碼做一些簡(jiǎn)單的修正，就能夠改變同一頁(yè)面的不同部分，或者頁(yè)數(shù)不同的網(wǎng)頁(yè)的外觀和格局。網(wǎng)上沖浪無(wú)論你用Internet Explorer還是Netscape Navigator，幾乎隨時(shí)都在與CSS打交道，在網(wǎng)上沒(méi)有運(yùn)用過(guò)CSS的網(wǎng)頁(yè)或許不好找。不論你用什么工具軟件制造網(wǎng)頁(yè)，都有在有意無(wú)意地運(yùn)用CSS。用好CSS能使你的網(wǎng)頁(yè)愈加簡(jiǎn)煉，相同內(nèi)容的網(wǎng)頁(yè)，有的人做出來(lái)有幾十KB，而高手做出來(lái)只需十幾KB。

Div+CSS規(guī)范的長(zhǎng)處:

1.大大縮減頁(yè)面代碼，進(jìn)步頁(yè)面閱讀速度,縮減帶寬成本; 
2.結(jié)構(gòu)清晰，簡(jiǎn)單被查找引擎查找到，天生優(yōu)化了seo 
3.縮短改版時(shí)刻。只需簡(jiǎn)單的修正幾個(gè)CSS文件就能夠從頭規(guī)劃一個(gè)有成百上千頁(yè)面的站點(diǎn)。 
4.強(qiáng)壯的字體操控和排版能力。CSS操控字體的能力比糟糕的FONT標(biāo)簽好多了，有了CSS，咱們不再需要用FONT標(biāo)簽或者透明的1 px GIF圖片來(lái)操控標(biāo)題，改變字體色彩，字體款式等等。 
5.CSS非常簡(jiǎn)單編寫。你能夠象寫html代碼相同輕松地編寫CSS。 
6.進(jìn)步易用性。運(yùn)用CSS能夠結(jié)構(gòu)化HTML，例如：

標(biāo)簽只用來(lái)操控段落，heading標(biāo)簽只用來(lái)操控標(biāo)題，table標(biāo)簽只用來(lái)表現(xiàn)格局化的數(shù)據(jù)等等。你能夠增加更多的用戶而不需要建立獨(dú)立的版本。 
7.能夠一次規(guī)劃，到處發(fā)布。你的規(guī)劃不僅僅用于web閱讀器，也能夠發(fā)布在其他設(shè)備上，比方PowerPoint。 
8.更好的操控頁(yè)面布局。不用多說(shuō)。 
9.表現(xiàn)和內(nèi)容相別離。將規(guī)劃部分剝離出來(lái)放在一個(gè)獨(dú)立款式文件中，你能夠減少未來(lái)網(wǎng)頁(yè)無(wú)效的或許。 
10.更便利查找引擎的查找。用只包括結(jié)構(gòu)化內(nèi)容的HTML替代嵌套的標(biāo)簽，查找引擎將更有效地查找到你的內(nèi)容，并或許給你一個(gè)較高的點(diǎn)評(píng)(ranking)。 
11.Table 布局靈活性不大，你只能遵從 table tr td 的格局。而div 你能夠 div ul li 也能夠 ol li 還能夠 ul li ……但規(guī)范語(yǔ)法最好有序的寫。 
12.別的假如你不是javascrput的高手，你能夠不必去寫ID，只用class就能夠。當(dāng)客戶端程序員寫完程序，需要調(diào)整時(shí)候，你能夠在利用他的ID進(jìn)行操控。 
13.Table 中布局中，廢物代碼會(huì)許多，一些潤(rùn)飾的款式及布局的代碼混合一同，很不利于直觀。而Div 更能體現(xiàn)款式和結(jié)構(gòu)相別離，結(jié)構(gòu)的重構(gòu)性強(qiáng)。 
14.在幾乎所有的閱讀器上都能夠運(yùn)用。 
15.以前一些非得經(jīng)過(guò)圖片轉(zhuǎn)化完成的功能，現(xiàn)在只需用CSS就能夠輕松完成，然后更快地下載頁(yè)面。 
16.使頁(yè)面的字體變得更美麗，更簡(jiǎn)單編列，使頁(yè)面真正賞心悅目。 
17.你能夠輕松地操控頁(yè)面的布局 。 
18.你能夠?qū)⒃S多網(wǎng)頁(yè)的風(fēng)格格局同時(shí)更新，不用再一頁(yè)一頁(yè)地更新了。你能夠?qū)⒄军c(diǎn)上所有的網(wǎng)頁(yè)風(fēng)格都運(yùn)用一個(gè)CSS文件進(jìn)行操控，只需修正這個(gè)CSS文件中相應(yīng)的行，那么整個(gè)站點(diǎn)的所有頁(yè)面都會(huì)隨之發(fā)作變化。