在 div 元素中使用 span 元素可以吗？答案

【问题标题】：Is it fine to use span elements in div elements?在 div 元素中使用 span 元素可以吗？
【发布时间】：2015-07-03 08:43:09
【问题描述】：

我正在制作一个包含个人文章的网站。我的文章正文是一个基本的div 包含段落，但最近我发现使用段落中的一些span 来根据需要管理我的内容很有用，因此在div 中。

随着网络语义成为一个重要角色并且变得越来越受到约束，我很好奇这种做法的缺点。

我还不太熟悉 HTML 的标准。但是，我在想在div 中使用span 在语义上并不干净。

Googlebot 会弄脏对它的引用吗？

【问题讨论】：

你能举个例子吗？在my answer 中，我假设您对某些文本使用span 元素（例如Hello <span>world</span>!），但重新阅读您的问题，我想知道您是否打算以不同的方式使用它们。

【解决方案1】：

在 div 元素中使用 span 元素没有任何问题。这是绝对有效的。它不会对搜索引擎优化产生负面影响。

div 元素是块元素，span 元素是内联元素。内联元素可以放置在块元素内部。相反是你要避免的：不要将 div 元素放在 span 元素中。

【讨论】：

【解决方案2】：

如果没有其他 text-level element 适合您的情况，那很好。

您可以在usage summary 中查看它们的用途：它是否代表超链接、强调强调、重要性、附带评论……？如果所有候选人的答案是否定的，请选择“其他”，即span 元素。

div 和 span 元素不代表任何东西，它们是无意义的元素，在没有其他元素合适的情况下使用。因此，添加/删除 div/span 元素永远不会改变文档的语义（除非使用了有意义的属性，例如 lang）。

【讨论】：