我一直在使用Font Awesome,我想知道我应该使用哪个标签。
Here表示他们喜欢<i>
标记以简洁,但使用<span>
语义更正确。
我为specification和<i>
阅读了<span>
。不幸的是,我无法找到差异,他们都有相同的背景,可以使用它们。
答案 0 :(得分:5)
<span>
和<i>
之间的区别在于<i>
最初用于斜体字体,而<span>
旨在封装一块内容没有立即更改任何css规则。换句话说,<span>
可用于您要应用的任何自定义CSS动作。
因此,从理论和历史的角度来看,<span>
将是一个更合适的选择。
但是,<i>
要短得多,并且浏览器中的效果相同,因此选择<i>
以便在几微秒内优化页面速度,并在几秒钟内完成编码速度。
答案 1 :(得分:3)
这是因为<i>
用于html中的斜体文本,<span>
可以包含任何内联元素。因此,使用span
代替i
在语义上更正确。但仍然<span>
也没有表示在html中使用图标,所以在你将角色添加为img之前,这在语义上也不正确:
<span class="your_awesome_font_icon" role="img"></span>