我找到了以下HTML代码
<i data-toggle="tooltip" class="icon-ok-sign" data-original-title="File not detected"></i>
为什么他们使用&lt; i&gt;?
如何获取“icon-ok-sign”图标的路径?
如何使用Chrome浏览器菜单项“Inspect Element”找到图标路径?
答案 0 :(得分:7)
他们使用bootstap作为他们的框架。
Bootstrap包含一个名为glyphicons的图标包。它是一个精灵文件,并在http://twitter.github.io/bootstrap/base-css.html#icons中包含以下图标。
在此网站中,他们使用的是图标字体,即热门Font Awesome.
图标是字体,而不是图像,这有很多优点。
他们使用i
标签的原因是因为Bootstrap决定使用它来表示图标。就我个人而言,我并不喜欢这样 - i
= italic,但另一方面,它是一个纯粹的风格标签,无论如何都没有真正使用过。 (em
应该用于强调,而不是i
)。
工具提示内容也来自Bootstrap,文档为here。