2013-03-11 387 views
4

我只是好奇为了在我的链接旁边添加一个自定义图标,最好使用哪一个。我应该使用span标签还是i标签作为图标?

<ul> 
    <li><a href=""><i class="home"></i> Home</a></li> 
    <li><a href=""><i class="downloads"></i> Downloads</a></li> 
</ul> 

<ul> 
    <li><a href=""><span class="home"></span> Home</a></li> 
    <li><a href=""><span class="downloads"></span> Downloads</a></li> 
</ul> 

感谢。

回答

7

<i>不是图标标签,它是斜体标签,它并没有太大的区别。 <span>在语义上更正确,因为它没有语义。

+0

谢谢。我看到几个网站使用作为图标标记,但为什么?这是不好的做法吗?他们只是困惑? – user2152125 2013-03-11 01:43:09

+4

@ user2152125:他们不会感到困惑 - 只是为了简洁,可能。我会说这是不好的做法,但这是有争议的:) – Ryan 2013-03-11 01:44:40

+0

他们使用它,因为这是Twitter Bootstrap建议的。 – cimmanon 2013-03-11 02:02:23

3

从HTML5规范:

的I元素表示的文本中的替换的语音或心情, 或以其他方式从正常散文,偏移的跨度如一个分类 指定,一个技术从另一个 语言,思想,船名或其他典型的 印刷介绍以斜体表示的术语。

如果您想要“政治上”正确,请使用span标签。

然而,霍莉的回答架起一个参数为它的使用:Should I use <i> tag for icons instead of <span>?