DIV与SPAN卷标元素的不同

 

DIV与SPAN卷标元素的不同

在CSS应用当中，<DIV>和<SPAN>卷标是我们经常使用到的

<DIV>卷标早在HTML 3.0就已经存在，但并不经常被用到

而<SPAN>是在HTML 4.0才出现，他是针对样式表而设计的卷标

<DIV>...</DIV>是个区块像容器一样，可以比喻是一个独立的盒子

它可以容纳任何html卷标元素，包括段落、表格、图形等。

<SPAN>和<DIV>卷标功能可以说是一样的

不同的是<SPAN>...</SPAN>所包围起来的对象不会换行

而<DIV>...</DIV>会自动换行

 

<DIV>与<SPAN>的范例:

<span><img src="icon1.gif"></span>
<span><img src="icon2.gif"></span>

<div><img src="icon1.gif"></div>
<div><img src="icon2.gif"></div>

 

还有一点需要特别注意

<DIV>...</DIV>卷标内可以包含<SPAN>...</SPAN>

而<SPAN>...</SPAN>卷标内是不可以包含<DIV>...</DIV>