div和span标签最大的特点是默认都没有对标签内的对象进行任何格式的修饰，主要用于应用样式表。
两者最明显的区别在于div是块标签，而span是行内标签或者说是内嵌标签。
1、块标签(div)：是以另起一行开始渲染的元素，行内标签则不需要另起一行。
<html>
<head><title>div和span的区别</title></head>
<body>
测试<span>紧跟前面的"测试"显示</span><div>这里会换行显示</div>
</body>
</html>
2、块标签和行内标签显示格式也不是一成不变的，通过定义级联式样式表的display属性值是可以相互转化的。
<html>
<body>
测试<span>紧跟前面的"测试"显示，</span><div style="display:inline">这里不会另起一行
</div><span style="display:block">这里会换行显示</span>
</body>
</html>
3、 如果不对div标签定义任何CSS属性，其显示效果等同于p标签。因为div和span标签的特殊性，所以比较常用于应用样式表。div指定渲染html的容器，span指定内嵌文本的容器。
<html>
<head>
<script language=javascript>
function setSpan(id)
{
if(id==1)
a.innerText="设置文字";
if(id==2)
a.innerHTML="<font size=6 color=green>设置代码</font>";
}
</script>
</head>
<body>
<a href=javascript:setSpan(1)>设置span的文字</a><br>
<a href=javascript:setSpan(2)>设置span的代码</a>
<span id=a></span>
</body>
</html>