DIV和SPAN的区别 - 达人(Nikor)

2004/10/15 | DIV和SPAN的区别
类别(Works) | 评论(3) | 阅读(422) | 发表于 22:13: 被<DIV>或<SPAN>卷标包起来的文字、图片...任何东西，浏览器都会将之视作一个对象。就如同我们在打包物品一样，您可以一个包裹只包一件衣服，也可以一个包裹包衣服、鞋子、帽子等。<DIV>和<SPAN>卷标就是这种功能！您可以用<SPAN>卷标包住一段文字，该段文字就成了一个对象（您要想成包裹也无可厚非...），您也可以用<SPAN>卷标包住一段文字，一张图、一个表格，那么这三个东西也会被视作一个对象。
　　
这两个卷标在DHTML（动态HTML）中，是相当重要的东西，因为，动态HTML顾名思义，有些东西是动态的，可能是一张图、一段文字要动来动去。要一张图动来动去还好，因为，一张图本身就是一个「对象」。但是，要怎样让浏览器知道某一句话，或是某一个字是一个对象？或是要让图片和表格同时动来动去，那么此时，您就需要用到 <DIV>、<SPAN>标签。
<DIV>、<SPAN>标签究竟有什么不同？有！不过只有一个地方比较不一样，您可以比较看看：
原始码
我是一个被DIV卷标包住的「<DIV>对象</DIV>」<br>。
第二个「<SPAN>物件</SPAN>」则是被SPAN包住了！
结果
我是一个被DIV标签包住的「

物件

」。
第二个「物件」则是被SPAN包住了！
　　发现了吗？被<DIV>包住的网页组件会变成一个「区块对象」，也就是会「自成一块」，旁边的东西的会被挤到上一行或下一行去，自己独立成一行。而被<SPAN>包住的对象则可以和大伙和乐融融的摆在一起，不会断行，也不会自成一块。您可以视不同的状况，使用不同的标签。

　　这样说吧：ＤＩＶ和ＳＰＡＮ的不同之处在于：ＤＩＶ元素定义为区块（block），在 <DIV>...</DIV>之间是一个很完整的段落区块。而ＳＰＡＮ元素则是定义为同轴（in-line），<SPAN>...< /SPAN>应用于于小范围内的设定。两者可以彼此混合，夹杂使用，因为彼此是相互独立的。

　　总有一种说法能懂……; 0

http://nikor.5d.cn/

评论Comments