我想问一些简单的例子，说明的用法<；部门>和<；span>
我见过它们都用id或class标记页面的某个部分，但我很想知道是否有时候一个比另一个更受欢迎
div是块元素span是一个内联元素
这意味着要在语义上使用它们，div应该用于包装文档的各个部分，而span应该用于包装文本、图像等的小部分
例如：
<；部门>；这是一个大的主要部门，有<；span>；一点点</span>；跨距文本的数量</部门>；
请注意，在内联元素中放置块级元素是非法的，因此：
<；部门>；一些<；span>；文本显示<；部门>；我想要</部门>；标记</span>；向上</部门>；
…这是违法的
编辑：从HTML5开始，一些块元素可以放在一些内联元素中。请参阅此处的MDN参考，以获得非常清晰的列表。上述内容仍然是非法的，因为<；span>仅接受措辞内容，并且<；部门>是流内容
你问了一些具体的例子，我的保龄球网站BowlSK上有一个例子：
<；div id=“header”>；
<；div id=“userbar”>；
你好，<；span class=“username”>；克里斯·马拉斯蒂·格奥尔格</span>|
<；a href=”https://stackoverflow.com/edit-profile.html“>；简介</a>|
<；a href=”https://www.bowlsk.com/_ah/logout?...“>；注销</a>；
</部门>；
<；h1>&书信电报；a href=”https://stackoverflow.com/“>；碗<；span class=“sk”>；SK</span></a></h1>；
</部门>好的，怎么回事？
在我的页面顶部，我有一个逻辑部分，“标题”。因为这是一个节，所以我使用一个div（具有适当的id）。其中，我有两个部分：用户栏和实际的页面标题。标题使用了适当的标记，h1。用户栏作为一个部分，被包装在div中。其中，用户名被包装在span中，以便我可以更改样式。正如您所看到的，我在标题中用span包装了两个字母，这允许我在样式表中更改它们的颜色
还要注意的是，HTML5包含了一组广泛的新元素，这些元素定义了常见的页面结构，如文章、章节、导航等
HTML5工作草案的第4.4节列出了它们，并给出了它们的用法提示。HTML5仍然是一个工作规范，所以还没有什么是“最终的”，但这些元素中的任何一个是否有进展都是非常值得怀疑的。如果您想在旧版本的IE中设置这些元素的样式，您需要使用一种javascript攻击——在源代码中指定这些元素之前，您需要使用document.createElement创建每个元素中的一个。有很多库会帮你解决这个问题——一个快速的谷歌搜索出现了HTML5