css - 我应该使用 span 标签还是 i 标签作为图标？

Question

我只是好奇哪个更好用，以便在我的链接旁边添加一个自定义图标。

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

谢谢。

Answer 1

<i>不是图标标签，它是斜体标签，你选择哪个没有太大区别。<span>在语义上更正确，因为它没有语义。

Answer 2

从 HTML5 规范：

I 元素代表一段文本以另一种声音或语气，或以其他方式偏离正常散文，例如分类名称、技术术语、来自另一种语言的惯用短语、思想、船名或其他一些散文，其典型的印刷表示是斜体。

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

然而，Holly 的回答为它的使用提出了一个论据：我应该使用 <i> 标记而不是 <span> 来表示图标吗？