我们在初学div+css布局时，发现在div与span的使用过程没有什么太大的讲究，觉得两个区别不大，div作为分割文档结构自然使它最官方的语义，但是这样的官方语义太让人迷惑，大的结构还好，但是小的地方到底是用div还是用span仍然让人迷惑。本文我们就来谈谈HTML中div于span的区别。
也许我们重新来看div和span的定义能让人豁然开朗。
div：指定渲染HTML的容器
span：指定内嵌文本容器
通俗地讲就是如果里面还有其他标签的时候就用div，如果里面只有文本就应该用span。
div是一个块级元素，用来为HTML文档内大块的内容提供结构和背景；而span是行内元素，在行内定义一个区域（也就是一行内可以被划分好几个区域）；
div标签中可以镶嵌span标签，（div可以看做是一个大容器，span是一个小容器，大容器当然可以放下一个小容器啦）。
1.所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行，测试一下下面的代码你会有更形象的理解：
测试紧跟前面的"测试"显示
这里会另起一行显示
2.块元素和行内元素也不是一成不变的，通过定义CSS的display属性值可以互相转化，如：
测试
紧跟前面的"测试"显示
这里会另起一行显示
html4规范的一大突破就是引入了一大空元素和
。所谓空元素，就是说如果单独在页面上插入这两个元素，不会对页面产生影响，但是这两个属性专门为样式表定义而生，如果对 和
定义样式表以后，其中内容的样式旧会随之变化。
和
元素都能处理任意大小的片断，他们之间的异同可以用一个例子来说明。
示例如下
<html>
<head>
<meta http-equiv="Content-Style-Type"content="text/css">
<title>HTML示例</title>
最低0.47元/天 解锁文章
1900
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
