为什么 font-awesome 推荐使用 <i> 元素而不是 <span> 元素？出于具体原因，是否更可取？ [复制]

Question

如果您查看examples for font-awesome，您会发现他们始终使用i 元素。我原以为span element 会是更合适的选择，因为i 元素是intended to modify a "span of text."，但我想做的是在页面上放置一个字形，而不是修改现有文本。

您可以假设 span 元素也用于修改一段文本（因此得名），但 W3C 定义将其完全开放——简单地说 span "can be useful when used together with other attributes."

但是，我的问题不是集中在两个标签的语义上，而是一个标签相对于另一个标签对用户体验的影响。在我的测试中，span 和i 一样好用。有什么具体原因可以说明为什么其中一个比另一个更可取吗？具体原因的示例包括：

1. 无障碍软件（例如屏幕阅读器）可以合理处理一个元素，而另一个则不能。
2. 用户代理支持（例如，一个元素在用户代理中的行为一致，而另一个则不然）。

Answer 1

我从未体验过 i 元素或具有使文本斜体的 css 样式的跨度之间的用户体验差异。 您可能更喜欢 span 元素的原因只是语义（内容和样式的分离）。