为什么要用i标签用作小图标?

楼主^#

更多发布于：2016-12-08 15:45

关于 标签, W3C上就这样描述的：

标签显示斜体文本效果。

 标签和基于内容的样式标签 类似。它告诉浏览器将包含其中的文本以斜体字（italic）或者倾斜（oblique）字体显示。如果这种斜体字对该浏览器不可用的话，可以使用高亮、反白或加下划线等样式。

但是，国内好多大型网站都用表示小icon图标，这是原因吗？这样不是违背了语义化的原则吗?

查找了相关的资料与博客，发现：
用 元素做图标在语义上确实是不正确的，为什么这么多人用，主要因为

比短
标签只是样式标签和语义关系不大
语义化只是建议不是强制性要求
多数图标用的是空 元素，配合 ::before 伪元素实现，因为没有内容，读屏器不会朗读（这样即使有特殊处理也跳过了），机器理解起来应该也没什么影响。

综合来看，从实用性上暂时没看出有什么缺陷，所以目前用不用 取决于你对于遵循规范有多洁癖。

注：
bootstrap框架 v2版本文档可以看到它的组件图标就是使用了i标签
bootstrap框架 v3以上文档中已经改回span标签

参考：https://www.zhihu.com/question/26880548/answer/34589585

喜欢0