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