为什么font-awesome建议使用<i>元素而不是<span>元素?是否有一个更好的理由?</span> </i>

时间:2014-02-04 17:54:58

标签: html css font-awesome

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

你可以认为span元素也是为了修改一个文本范围(因此是名称),但是W3C定义使它大开 - 只需说明span“{{3} }“

但是,我的问题并不是关注两个标签的语义,而是关注一个标签相对于另一个标签的用户体验含义。在我的测试中,spani一样有效。是否有一个优于另一个的具体原因?具体原因的例子包括:

  1. 可访问性软件(例如,屏幕阅读器)合理处理一个元素,而另一个元素则没有。
  2. 用户代理支持(例如,一个元素在用户代理之间表现一致,另一个元素不一致)。

1 个答案:

答案 0 :(得分:10)

我从来没有在i元素或带有css样式的span的用户体验方面遇到过差异,这使得文本变为斜体。 你可能想要更喜欢span元素的原因只是语义(内容和风格的分离)。