2013-06-18 140 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'。 –