大家需要掌握的 html下SPAN和DIV的區(qū)別
更新時間：2007年08月22日 21:46:27 作者：
SPAN 和 DIV 的區(qū)別在于，DIV(division)是一個塊級元素，可以包含段落、標題、表格，乃至諸如章節(jié)、摘要和備注等。而SPAN 是行內(nèi)元素，SPAN 的前后是不會換行的，它沒有結構的意義，純粹是應用樣式，當其他行內(nèi)元素都不合適時，可以使用SPAN。
下面以一個實例來說明這兩個屬性的區(qū)別。
代碼：
＜span＞SPAN標記有一個重要而實用的特性，即它什么事也不會做，它的唯一目的就是圍繞你的HTML代碼中的其它元素，這樣你就可以為它們指定樣式了。在此例中，＜span＞標識符允許你將一個段落分成不同的部分。
還有一個標識符具有類似的功能，＜div＞DIV也被用來在HTML文件中建立邏輯部分。但與＜div＞SPAN不同，＜div＞工作于文本塊一級，它在它所包含的HTML元素的前面及后面都引入了行分隔。
效果：
SPAN標記有一個重要而實用的特性，即它什么事也不會做，它的唯一目的就是圍繞你的HTML代碼中的其它元素，這樣你就可以為它們指定樣式了。在此例中，標識符允許你將一個段落分成不同的部分。
還有一個標識符具有類似的功能，
DIV也被用來在HTML文件中建立邏輯部分。但與
SPAN不同，
工作于文本塊一級，它在它所包含的HTML元素的前面及后面都引入了行分隔。
下面以一個實例來說明這兩個屬性的區(qū)別。
代碼：
＜span＞SPAN標記有一個重要而實用的特性，即它什么事也不會做，它的唯一目的就是圍繞你的HTML代碼中的其它元素，這樣你就可以為它們指定樣式了。在此例中，＜span＞標識符允許你將一個段落分成不同的部分。
還有一個標識符具有類似的功能，＜div＞DIV也被用來在HTML文件中建立邏輯部分。但與＜div＞SPAN不同，＜div＞工作于文本塊一級，它在它所包含的HTML元素的前面及后面都引入了行分隔。
效果：
SPAN標記有一個重要而實用的特性，即它什么事也不會做，它的唯一目的就是圍繞你的HTML代碼中的其它元素，這樣你就可以為它們指定樣式了。在此例中，標識符允許你將一個段落分成不同的部分。
還有一個標識符具有類似的功能，
DIV也被用來在HTML文件中建立邏輯部分。但與
SPAN不同，
工作于文本塊一級，它在它所包含的HTML元素的前面及后面都引入了行分隔。
相關文章
滾動條效果...2006-11-11
DIV CSS網(wǎng)頁布局 最小高度（min-height）的妙用
最小高度可以設定一個BOX的最小高度，當其內(nèi)容較少時時，也能保持BOX的高度為一定，超出就自動向下延伸，但到目前為止，只有Opera 和 Mozilla 支持，IE7開始也支持了，但IE7處于測試階段，等正式版發(fā)布到普及需一段也許比較長的時間，除非MS把它捆綁在某個操作系統(tǒng)上，如何在現(xiàn)有基礎上（IE6 80-90%），合理、妙用最小高度了？2008-11-11
div+css布局必了解的列表元素ul ol li dl dt dd詳解
dt 和dd中可以再加入 ol ul li和p，理解這些以后，在使用div布局的時候，會方便很多，其實w3c提供了很多元素輔助布局都是有它的用處的，而不盡是div。2008-04-04
在分配ID和類名時，盡可能保持與表現(xiàn)形式無關，例如contleft有可能以后希望出現(xiàn)在右邊。2008-10-10
css實現(xiàn)兼容各個瀏覽器的技巧的代碼...2007-08-08
分頁顯示之超級提速版...2006-12-12
font和line-height之CSS代碼書寫順序不同，導致顯示效果不一樣
font和line-height之CSS代碼書寫順序不同，導致顯示效果不一樣...2007-05-05
CSS屬性 - white-space 空白屬性使用說明...2007-06-06
用CSS實現(xiàn)下拉菜單的多種方法...2007-01-01
css下margin、padding、border、background和font縮寫示例
CSS代碼簡化在工作中是非常有益的，也是必要的。在編寫CSS代碼時，經(jīng)常會出現(xiàn)冗余的代碼，為了提高代碼的質(zhì)量及文件壓縮到最小，使代碼具有可讀性，不得不把CSS代碼簡化。2008-06-06