本文和大家重點(diǎn)討論一下Html中DIV和Span的區(qū)別，DIV和 Span元素最大的特點(diǎn)是默認(rèn)都沒有對元素內(nèi)的對象進(jìn)行任何格式化渲染。

創(chuàng)新互聯(lián)是專業(yè)的通榆網(wǎng)站建設(shè)公司，通榆接單;提供網(wǎng)站制作、成都網(wǎng)站設(shè)計,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行通榆網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!

Html中DIV和Span的區(qū)別

在網(wǎng)頁設(shè)計中，我們經(jīng)常用到DIV和Span,但是常常有個疑惑，這兩個標(biāo)簽：DIV和Span的區(qū)別到底是什么？

DIV是一個塊級元素，可以包含段落，表格等內(nèi)容，用于放置不同的內(nèi)容。一般我們在網(wǎng)頁通過DIV來布局定位網(wǎng)頁中的每個區(qū)塊。

Span是一個內(nèi)聯(lián)元素，沒有實(shí)際意義，它的存在純粹是為了應(yīng)用樣式，給一段內(nèi)容加上標(biāo)記可以通過在Span上定義樣式來設(shè)定其內(nèi)容的樣式。

DIV和 Span元素最大的特點(diǎn)是默認(rèn)都沒有對元素內(nèi)的對象進(jìn)行任何格式化渲染。主要用于應(yīng)用樣式表。

◆兩者最明顯的區(qū)別在于DIV是塊元素，而Span是行內(nèi)元素。

所謂塊元素，是以另起一行開始渲染的元素，行內(nèi)元素則不需另起一行，測試一下下面的代碼你會有更形象的理解：

[CSS在線]-示例代碼

 
 
 

  
  
  
  
  
  
 
  
  
  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
測試緊跟前面的"測試"顯示
這里會另起一行顯示
 
  
  
  
 
  
  
  
 
  
  
  
 
 
 
 

 ◆塊元素和行內(nèi)元素也不是一成不變的，通過定義CSS的display屬性值可以互相轉(zhuǎn)化

[CSS在線]-示例代碼

 
 
 

  
  
  
  
  
  
 
  
  
  
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
測試緊跟前面的"測試"顯示