大家需要掌握的 html下SPAN和DIV的區(qū)別
更新時(shí)間:2007年08月22日 21:46:27 作者:
SPAN 和 DIV 的區(qū)別在于,DIV(division)是一個(gè)塊級元素,可以包含段落、標(biāo)題、表格,乃至諸如章節(jié)、摘要和備注等。而SPAN 是行內(nèi)元素,SPAN 的前后是不會換行的,它沒有結(jié)構(gòu)的意義,純粹是應(yīng)用樣式,當(dāng)其他行內(nèi)元素都不合適時(shí),可以使用SPAN。
下面以一個(gè)實(shí)例來說明這兩個(gè)屬性的區(qū)別。
代碼:
?。約pan>SPAN標(biāo)記有一個(gè)重要而實(shí)用的特性,即它什么事也不會做,它的唯一目的就是圍繞你的HTML代碼中的其它元素,這樣你就可以為它們指定樣式了。在此例中,<span>標(biāo)識符允許你將一個(gè)段落分成不同的部分。
還有一個(gè)標(biāo)識符具有類似的功能,<div>DIV也被用來在HTML文件中建立邏輯部分。但與<div>SPAN不同,<div>工作于文本塊一級,它在它所包含的HTML元素的前面及后面都引入了行分隔。
效果:
SPAN標(biāo)記有一個(gè)重要而實(shí)用的特性,即它什么事也不會做,它的唯一目的就是圍繞你的HTML代碼中的其它元素,這樣你就可以為它們指定樣式了。在此例中,標(biāo)識符允許你將一個(gè)段落分成不同的部分。
還有一個(gè)標(biāo)識符具有類似的功能,
DIV也被用來在HTML文件中建立邏輯部分。但與
SPAN不同,
工作于文本塊一級,它在它所包含的HTML元素的前面及后面都引入了行分隔。
下面以一個(gè)實(shí)例來說明這兩個(gè)屬性的區(qū)別。
代碼:
?。約pan>SPAN標(biāo)記有一個(gè)重要而實(shí)用的特性,即它什么事也不會做,它的唯一目的就是圍繞你的HTML代碼中的其它元素,這樣你就可以為它們指定樣式了。在此例中,<span>標(biāo)識符允許你將一個(gè)段落分成不同的部分。
還有一個(gè)標(biāo)識符具有類似的功能,<div>DIV也被用來在HTML文件中建立邏輯部分。但與<div>SPAN不同,<div>工作于文本塊一級,它在它所包含的HTML元素的前面及后面都引入了行分隔。
效果:
SPAN標(biāo)記有一個(gè)重要而實(shí)用的特性,即它什么事也不會做,它的唯一目的就是圍繞你的HTML代碼中的其它元素,這樣你就可以為它們指定樣式了。在此例中,標(biāo)識符允許你將一個(gè)段落分成不同的部分。
還有一個(gè)標(biāo)識符具有類似的功能,
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)文章
CSS學(xué)習(xí)筆記Padding 屬性中參數(shù)的定義與使用
css padding縮寫技巧2008-05-05
html下利用javascript連數(shù)據(jù)庫
html下利用javascript操作本地?cái)?shù)據(jù)庫的代碼2008-02-02
Firefox返回時(shí)Iframe的顯示Bug的解決方法
一個(gè)頁面有4個(gè)Iframe來顯示flash內(nèi)容,其中第二個(gè)iframe的顯示是用Javascript控制的,只有當(dāng)特定的cookie存在時(shí)才出現(xiàn),否則顯示普通的文本。2008-05-05

