为什么使用<span>和Font Awesome在语义上比<i>更正确?

Dmy*_*nko 5 html css html5 fonts font-awesome

我已经使用Font Awesome一段时间了,我想知道我应该使用哪个标签.

这里说他们喜欢<i>简洁的标签,但使用a <span>在语义上更正确.

我读了和的规范.不幸的是,我找不到差异,它们都具有相同的上下文,可以使用它们.<i><span>

Bas*_*ein 5

之间的差<span><i>的是,<i>最初是针对斜体字体,而<span>被用于封装一块内容没有立即改变任何CSS规则.换句话说,<span>可以用于您要应用的任何自定义CSS动作.

因此,从理论和历史的角度来看,<span>将是一个更合适的选择.

但是,<i>要短得多,并且浏览器中的效果是相同的,所以选择<i>以便在几微秒内优化页面速度,并且您的编码速度只需几秒钟.

  • 来自 Font Awesome 网站:[https://fontawesome.com/how-to-use/web-fonts-with-css] **基本使用** 您可以使用 CSS 样式前缀将 Font Awesome 图标放置在任何地方,并且图标的名称。Font Awesome 设计为与内联元素一起使用(为了简洁,我们喜欢 &lt;i&gt; 标签,但使用 &lt;span&gt; 在语义上更正确)。 (2认同)