我想要一些简单的例子来展示<div>和<span>的使用。我曾看到它们都被用来用id或类标记页面的一部分，但我感兴趣的是，是否有时会优先使用其中一种而不是另一种。
当前回答
<div>是块级元素，<span>是行内元素。
如果你想对一些内联文本做一些事情，<span>是正确的选择，因为它不会像<div>那样引入换行符。
正如其他人所注意到的，这些都隐含着一些语义，最重要的事实是，<div>暗示了文档中的逻辑划分，类似于文档的一个部分或其他内容，例如:
<div id="Chapter1">
<p>Lorem ipsum dolor sit amet, <span id="SomeSpecialText1">consectetuer adipiscing</span> elit. Duis congue vehicula purus.</p>
<p>Nam <span id="SomeSpecialText2">eget magna nec</span> sapien fringilla euismod. Donec hendrerit.</p>
</div>
其他回答
我想说，如果你懂一点西班牙语，看看这一页，在那里有适当的解释。
然而，一个快速的定义是，div是用于划分部分，span是用于将某种样式应用到另一个块元素中的元素，如div。
真正重要的区别已经在克里斯的回答中提到了。然而，这并不是对每个人都有明显的影响。
作为一个内联元素，<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是一个块元素，span是一个内联元素，它的宽度取决于它自己的内容，而Div不是
正如在其他回答中提到的，默认情况下div将被呈现为块元素，而span将在其上下文中内联呈现。但两者都没有任何语义价值;它们的存在允许您对任何给定的内容应用样式和标识。使用样式，可以使div像span一样，反之亦然。
div的一个有用的样式是内联块
例子:
http://dustwell.com/div-span-inline-block.html CSS显示:内联vs内联块
我曾在游戏网页项目中使用内联块取得了巨大的成功。
在HTML中，有一些标记为内容添加结构或语义。例如，<p>标记用于标识一个段落。另一个例子是有序列表的<ol>标记。
如上面所示，当HTML中没有合适的标记时，通常会使用<div>和<span>标记。
<div>标记用于标识文档的块级节/除法，该节/除法前后都有换行符。
可以使用div标签的例子有页眉、页脚、导航等。然而在HTML 5中，这些标记已经提供了。
<span>标记用于标识文档的内联节/分。
例如，span标记可用于向元素添加内联象形文字。
