div与span（块元素与行内元素的区别）

div与span

div简介

div (division )简单而言是一个区块容器标记.即<div>与</div>之间相当于一个容器,可以容纳段落、标题、表格、图片等各种html元素，因此可以把<div>与</div>中的内容视为一个独立的对象，用于CSS控制,声明时只要对div进运行相应的控制，其中的各个标记元素都会因此而改变.

span简介

span标记与div标记一样.作为容器标记而被广泛应用在html语言中，在<span>与 </span>中间同样可以容纳各种html元素从而形成独立的对象。二者的作用都是独立出各个区块，在这个上面，二者没有什么太多的不同

二者的区别.

div是块级元素、它包含的元素会自动换行，而span仅仅是一个行内元素，在它的前后不会换行、span没有结构上的意义、纯粹是应用样式，当其他的元素不合适时，就可以使用span标记。span可以包含于div、成为它的子元素.而反过来则不成立,即span标记不能包含div标记. span不能设置宽高、即使设置了也无效.

经验总结

通常情况下.对于页面中的大区块使用div标记.而span标记仅仅用于需要设置单独样式风格的一个小元素.如一个单词.一个图片和一个超链接等.