什么是使用优势是 (What are the advantages of using b

可能重复：
<I>图标的标签？

我见过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>

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

是否有关于使用一个空的任何优点<i> 而且是它的语义？

Answer 1:

我能想到的唯一好处就是这样<i>短写（而不是通过网络发送，原因Gzip已不在乎太多如果我或跨度20信件类），它是从其他标记鲜明。 它像图标的自制标签。

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

第i元素表示的文本中的替换的语音或心情的跨度，或者以其他方式从正常散文偏移，如一个分类指定，一个技术术语，从另一种语言的惯用语，一个想法，船舶名，或某些其他散文，其典型的印刷表现为斜体。

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

因此，它是语义？ 不可以，但没有人关心，没有什么大不了的。

Answer 2:

这是一个点在这里提到的可能是一个原因-节约字节..

对于我来说，易用性..

文章来源: What are the advantages of using before an element instead of wrapping the element in ? [duplicate]