我应该使用span标签或i标签作为图标吗?

时间:2013-03-11 01:34:13

标签: css tags icons html

我只是想知道哪一个更适合在我的链接旁添加自定义图标。

<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>

感谢。

2 个答案:

答案 0 :(得分:10)

<i>不是图标标记,它是斜体标记,并且它对您选择的内容没有太大区别。 <span>在语义上更正确,因为它没有语义。

答案 1 :(得分:6)

来自HTML5规范:

  

I元素代表一个交替的声音或心情的文本范围,   或以其他方式抵消正常散文,例如分类   指定,技术术语,来自另一个的惯用语   语言,思想,船名或其他一些典型的散文   印刷表示是斜体。

如果您希望“政治上”正确,请使用span标记。

但是,霍莉的回答提出了一个使用它的论据:Should I use <i> tag for icons instead of <span>?