呃，我觉得div就是一个整合，要设计的样式都写在里面方便点，span就是比如一行里面里有几个字不一样的话就可以单独设计

div就是板块，可以把网页上的内容分成一块块，并且对这些板块作出不一样的设计。也可以理解成盒子。比如月饼里除了最外面的铁盒子，里面还有固定4块月饼位置的塑料盒子，然后每块月饼又有独立的包装盒。这些div可以变成最外面的铁盒子，固定位置的塑料盒子以及独立包装盒。每个盒子（即每个div），你都可以设计它的外形，颜色，上面的图案，厚度，大小等等。

span，可以对某行，某几个或者一小段文字（并非整个段落）作出自定义改变，改变文字颜色，大小，字体等等。如果用月饼比喻一整段文字的话，span就像是一双透明的手。你没有提出要求，这个透明的手虽然在那，但你看不见月饼有变化。当你想让这个月饼的一半从黄色变成白色的时候，就可以让这双透明的手帮你改变。

span没有实际意义，它主要是为了给文档任一部分（可以是一个字，也可以只一个词，也可以是一句好话或一个图片）单独设置样式而存在的标签，div是给为文档中具有逻辑功能的部分设置样式而存在的标签，有一点是肯定的：div是块状元素，span是行内元素，简单的理解就是：在文档中，span肯定被div包含

div用在排版，给div命名，是逻辑更加清晰，语法：<div id=“板块名称”>......</div>

span标签是没有语义的，它的作用是为了设置单独的样式，语法：<sapn>文本<span>

div是用来给页面上的元素划分模块的，不同模块的元素可以放在不同的div内；

span是表示想要给文字设置单独的格式。

DIV是盒子 span是一种提示作用 改变样式的标签。一般作为P的子元素。如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此，上例中的 span 元素仍然为 p 元素增加了额外的结构。可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式。

div相当于相框，span相当于相片，文字是像素。像素在相片上展示，相片在相框才能对人们展示出来。