Possible Duplicate:
<I> tag for icons?




我在FontAwesome中看到要使用其图标字体,他们使用了空的<i>,如下所示:

<a class="btn" href="#">
   <i class="icon-refresh"></i> Refresh
</a>


而不是像这样用<span>包装它:

<a class="btn" href="#">
   <span class="icon-refresh">Refresh</span>
</a>


我已经看到其他一些网站也采用了类似的技术。 AFAIK,两种技术都利用CSS伪元素:before,所以我想知道为什么他们使用<i>而不是用<span>包裹它?

使用空的<i>有什么好处吗?这是语义吗?

最佳答案

我能想到的唯一优点就是<i>编写起来更短(而不是通过电线发送,因为gzip的i或跨度为20个字母的类对gzip不太在意),并且它与其他标记不同。它就像图标的自制标签。

但是<i>中没有任何其他语义值。


  i元素代表以替代语音或语气的文本范围,
  或以其他方式与正常散文相抵触,例如分类学
  名称,技术术语,另一个惯用语
  语言,思想,船名或其他典型的散文
  印刷形式以斜体显示。


http://www.w3.org/International/questions/qa-b-and-i-tags/

那是语义吗?不,但是没人在乎,没什么大不了的。

10-05 20:56
查看更多