首先要明白，这两个标记都是HTML中的语法，但是二者又不同。总的来说二者都是指内容块，似乎都没有任何内容上的意义，只有当和CSS结合时才能发挥最大的作用。

从语义上理解，div：块元素，能够包含跨段落的内容块；span：内联元素；是指段落内的内容块。

This is cat

我们可以修饰为:
<div style="background:#F0F0F0">
   This is <span style="font-weight:bold;color:#00F">cat</span>
</div>

这样就可以很清楚的看出二者的不同。保定网站设计人员进行分析：整个段落设置为浅灰色背景，而cat词加粗、蓝色文字显示。