2013-06-18 81 views
0

我发现https://www.virustotal.com/en/file/9d72e0523cc6bd4baa1bd88967aec1402551a5d565703b799ce6be52ec1a7640/analysis/这个HTML代码是什么意思?

下面的HTML代码

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

为什么他们正在使用<我>?
如何获得“icon-ok-sign”图标的路径?
如何找到Chrome浏览器菜单项“检查元素”的图标路径?

+1

此HTML代码*做什么*可能更合适。 – ChiefTwoPencils

+0

看起来像Bootstraps工具提示:http://twitter.github.io/bootstrap/javascript.html#tooltips –

+0

请检查 - http://twitter.github.io/bootstrap/base-css.html#icons – jQuery00

回答

6

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

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

在这个网站,他们使用的是图标字体,流行Font Awesome.

下的图标字体,而不是图像,它具有许多优点。

他们使用i标签的原因是因为Bootstrap决定使用它来表示图标。我个人并不喜欢那样 - i =斜体,但另一方面,它是一个纯粹的文体标签,并不是真的被使用。 (em应该用于强调,而不是i)。

tooltip的东西也来自Bootstrap和文档是here

+0

我分享你对'i'标签腐败的厌恶,但我不同意'i'没有被真正使用。是的,'em'应该用于强调,但是'i'是用于未强调但又需要斜体的元素的语义正确标签,例如书名,外语短语等。 –

+0

如何获得路径“icon-ok-sign”图标?在html或css文件中是否有对https://www.virustotal.com/static/font/fontawesome-webfont.woff?v=3.1.0的引用? – Codr

+0

是的,https://www.virustotal.com/static/css/bootstrap.css是CSS,搜索真棒,你会发现它。图像没有路径,因为它不是一个。德里克 - '我'是错误的标签,但我可以理解他们为什么选择它。你可以实际使用任何标签上的图标而无需修改 - 我个人使用'span'来使用'i'。 –