为什么使用<span>和Font Awesome在语义上比<i>更正确?

时间:2015-09-30 06:23:19

标签: html css html5 fonts font-awesome

我一直在使用Font Awesome,我想知道我应该使用哪个标签。

Here表示他们喜欢<i>标记以简洁,但使用<span>语义更正确。

我为specification<i>阅读了<span>。不幸的是,我无法找到差异,他们都有相同的背景,可以使用它们。

2 个答案:

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