Div是一个块元素，span是一个内联元素，它的宽度取决于它自己的内容，而Div不是

Div是一个块元素，span是一个内联元素，它的宽度取决于它自己的内容，而Div不是

正如在其他回答中提到的，默认情况下div将被呈现为块元素，而span将在其上下文中内联呈现。但两者都没有任何语义价值;它们的存在允许您对任何给定的内容应用样式和标识。使用样式，可以使div像span一样，反之亦然。

div的一个有用的样式是内联块

例子:

http://dustwell.com/div-span-inline-block.html CSS显示:内联vs内联块

我曾在游戏网页项目中使用内联块取得了巨大的成功。

真正重要的区别已经在克里斯的回答中提到了。然而，这并不是对每个人都有明显的影响。

作为一个内联元素，<span>只能包含其他内联元素。因此下面的代码是错误的:

<span><p>This is a paragraph</p></span>

上面的代码无效。要包装块级元素，必须使用另一个块级元素(例如<div>)。另一方面，<div>只能在块级元素合法的地方使用。

此外，这些规则在(X)HTML中是固定的，它们不会因CSS规则的存在而改变!所以下面的代码也是错的!

<span style="display: block"><p>Still wrong</p></span>
<span><p style="display: inline">Just as wrong</p></span>

这里已经有了很好的、详细的答案，但没有可视化的例子，所以这里有一个简单的例子:

<div>这是一个div <div>这是一个div <div>这是一个div <span>这是一个span <span>这是一个span <span>这是一个span

<div>是块标记，而<span>是行内标记。

我想说，如果你懂一点西班牙语，看看这一页，在那里有适当的解释。

然而，一个快速的定义是，div是用于划分部分，span是用于将某种样式应用到另一个块元素中的元素，如div。