大家需要掌握的 html下SPAN和DIV的區(qū)別
更新時間:2007年08月22日 21:46:27 作者:
SPAN 和 DIV 的區(qū)別在于,DIV(division)是一個塊級元素,可以包含段落、標題、表格,乃至諸如章節(jié)、摘要和備注等。而SPAN 是行內元素,SPAN 的前后是不會換行的,它沒有結構的意義,純粹是應用樣式,當其他行內元素都不合適時,可以使用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元素的前面及后面都引入了行分隔。
相關文章
DIV CSS網頁布局 最小高度(min-height)的妙用
最小高度可以設定一個BOX的最小高度,當其內容較少時時,也能保持BOX的高度為一定,超出就自動向下延伸,但到目前為止,只有Opera 和 Mozilla 支持,IE7開始也支持了,但IE7處于測試階段,等正式版發(fā)布到普及需一段也許比較長的時間,除非MS把它捆綁在某個操作系統(tǒng)上,如何在現有基礎上(IE6 80-90%),合理、妙用最小高度了?2008-11-11div+css布局必了解的列表元素ul ol li dl dt dd詳解
dt 和dd中可以再加入 ol ul li和p,理解這些以后,在使用div布局的時候,會方便很多,其實w3c提供了很多元素輔助布局都是有它的用處的,而不盡是div。2008-04-04font和line-height之CSS代碼書寫順序不同,導致顯示效果不一樣
font和line-height之CSS代碼書寫順序不同,導致顯示效果不一樣...2007-05-05css下margin、padding、border、background和font縮寫示例
CSS代碼簡化在工作中是非常有益的,也是必要的。在編寫CSS代碼時,經常會出現冗余的代碼,為了提高代碼的質量及文件壓縮到最小,使代碼具有可讀性,不得不把CSS代碼簡化。2008-06-06