Question

DIV与SPAN之间有什么区别？

DIV与SPAN之间有什么区别？(网界网论坛)

Answer 1

SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。

下面以一个实例来说明这两个属性的区别。

代码：

＜span＞SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，＜span＞标识符允许你将一个段落分成不同的部分。

还有一个标识符具有类似的功能，＜div＞DIV也被用来在HTML文件中建立逻辑部分。但与＜div＞SPAN不同，＜div＞工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。

效果：

SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，标识符允许你将一个段落分成不同的部分。

Answer 2

楼上的说的不错：
DIV是块元素，多用于结构
span是行内无素。举个例子
也可以说 SPAN是个万能元素。笼统一点讲就是 div负责是布局。而 span 则是控制字体等样式。行内 元素。

Answer 3

DIV是块元素，多用于结构
span是行内无素。举个例子
<div class="header">DIV标签里包含头部的所有内容
<h1>LOGO</h1>
<ul>
<li>设为首页</li>
<li>加入收藏</li>
<li><span>注册</span>此时的span可以和前面两项不同的字体颜色，或者不同的字体大小</li>
</ul>
</div>
如果header的宽为950px，那么里面放个DIV，写上几个字，再设个背景颜色，你会发现背景颜色铺满整个header的950px宽
如果你放个span，写上几个字，再设个背景颜色，你会发现，只有文字区域才会有背景颜色，大概就是这么回事