为什么font-awesome建议使用<i>元素而不是<span>元素?出于具体原因,一个人更可取吗?

Jos*_*osh 38 html css font-awesome

如果您查看font-awesome示例,您将看到它们始终使用该i元素.我认为该span元素将是一个更合适的选择,因为该i元素旨在修改"文本范围".,但我想要做的是在页面上放置一个字形,而不是修改现有文本.

您可以认为span元素也用于修改文本范围(因此名称),但W3C定义使其大开 - 只需说明span" 与其他属性一起使用时非常有用 ".

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

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

Blu*_*Box 11

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

  • 这是因为它们都是内联元素.<i>的输入时间比<span>短,并且图标不会以斜体显示. (7认同)