我找到了以下 HTML 代码
<i data-toggle="tooltip" class="icon-ok-sign" data-original-title="File not detected"></i>
为什么他们使用 <i>?
如何获取“icon-ok-sign”图标的路径?
如何使用 Chrome 浏览器菜单项“检查元素”找出图标路径?
我找到了以下 HTML 代码
<i data-toggle="tooltip" class="icon-ok-sign" data-original-title="File not detected"></i>
为什么他们使用 <i>?
如何获取“icon-ok-sign”图标的路径?
如何使用 Chrome 浏览器菜单项“检查元素”找出图标路径?
他们使用引导程序作为他们的框架。
Bootstrap 包含一个名为 glyphicons 的图标包。它是一个 sprite 文件,在以下位置有这些图标:http: //twitter.github.io/bootstrap/base-css.html#icons。
在这个站点中,他们使用了一种图标字体,即流行的Font Awesome。
图标是字体,而不是图像,这有很多优点。
他们使用i
标签的原因是因为 Bootstrap 决定使用它来表示图标。就我个人而言,我不太喜欢 - i
= 斜体,但另一方面,它是一个纯粹的风格标签,无论如何都没有真正使用。(em
应该用于强调,而不是i
)。
工具提示的东西也来自 Bootstrap,文档在这里。