你對(duì)CSS代碼結(jié)構(gòu)div和span的使用是否熟悉，我們?cè)谑褂肅SS規(guī)劃網(wǎng)頁(yè)結(jié)構(gòu)時(shí)通常會(huì)用到div，div是有語(yǔ)意的，它不象h1或ul等那些標(biāo)簽的語(yǔ)意那么明確而已，div的語(yǔ)意是division，英文的意思是區(qū)分、分開、部分。即用它來分割文檔的不當(dāng)部分。

創(chuàng)新互聯(lián)從2013年開始，先為賀蘭等服務(wù)建站，賀蘭等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為賀蘭企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

CSS代碼結(jié)構(gòu)div和span初探

我們?cè)谝?guī)劃網(wǎng)頁(yè)的結(jié)構(gòu)時(shí)通常會(huì)用到div。我們正常都認(rèn)為div是一個(gè)沒有語(yǔ)意的標(biāo)簽，它的作用是用來分割文檔的不同區(qū)域。但我們也發(fā)現(xiàn)，有些人認(rèn)為div是有語(yǔ)意的。只不過它不象h1或ul等那些標(biāo)簽的語(yǔ)意那么明確而已，div的語(yǔ)意是division，英文的意思是區(qū)分、分開、部分。即用它來分割文檔的不當(dāng)部分。我們?cè)谡＞幋a中，會(huì)給div分配一個(gè)id名稱，這樣也使得文檔具有了結(jié)構(gòu)的意義，例如：id="main"、id="sider"等等。關(guān)于id的知識(shí)我們?cè)谇懊娴奈恼隆度绾螢閕d及class類命名？》http://www.52css.com/article.asp?id=403中已經(jīng)討論過了，希望大家都能掌握相關(guān)知識(shí)。

◆我們?cè)噲D將文檔的標(biāo)注標(biāo)簽盡量的減化。只有在不得已，實(shí)在沒有可用的HTML元素進(jìn)行分割的時(shí)候我們?cè)偈褂胐iv的方式。這是一種簡(jiǎn)潔的方式，但有些人也認(rèn)為這樣使得文檔的結(jié)構(gòu)化出現(xiàn)障礙，主張需要div進(jìn)行分割。我們看下面的例子：

ExampleSourceCode

這是一：

 
 
 
  
  
  
 
  
  
  
   
  
  
Div+CSS教程
   
  
  
CSS布局實(shí)例
   
  
  
.....