这个HTML代码是什么意思?

时间:2013-06-18 09:49:49

标签: css html5

我找到了以下HTML代码

<i data-toggle="tooltip" class="icon-ok-sign" data-original-title="File not detected"></i>

on https://www.virustotal.com/en/file/9d72e0523cc6bd4baa1bd88967aec1402551a5d565703b799ce6be52ec1a7640/analysis/

为什么他们使用&lt; i&gt;?
如何获取“icon-ok-sign”图标的路径?
如何使用Chrome浏览器菜单项“Inspect Element”找到图标路径?

1 个答案:

答案 0 :(得分:7)

他们使用bootstap作为他们的框架。

Bootstrap包含一个名为glyphicons的图标包。它是一个精灵文件,并在http://twitter.github.io/bootstrap/base-css.html#icons中包含以下图标。

在此网站中,他们使用的是图标字体,即热门Font Awesome.

图标是字体,而不是图像,这有很多优点。

他们使用i标签的原因是因为Bootstrap决定使用它来表示图标。就我个人而言,我并不喜欢这样 - i = italic,但另一方面,它是一个纯粹的风格标签,无论如何都没有真正使用过。 (em应该用于强调,而不是i)。

工具提示内容也来自Bootstrap,文档为here