2013-03-11 408 views
4

我只是好奇爲了在我的鏈接旁邊添加一個自定義圖標,最好使用哪一個。我應該使用span標籤還是i標籤作爲圖標?

<ul> 
    <li><a href=""><i class="home"></i> Home</a></li> 
    <li><a href=""><i class="downloads"></i> Downloads</a></li> 
</ul> 

<ul> 
    <li><a href=""><span class="home"></span> Home</a></li> 
    <li><a href=""><span class="downloads"></span> Downloads</a></li> 
</ul> 

感謝。

回答

7

<i>不是圖標標籤,它是斜體標籤,它並沒有太大的區別。 <span>在語義上更正確,因爲它沒有語義。

+0

謝謝。我看到幾個網站使用作爲圖標標記,但爲什麼?這是不好的做法嗎?他們只是困惑? – user2152125 2013-03-11 01:43:09

+4

@ user2152125:他們不會感到困惑 - 只是爲了簡潔,可能。我會說這是不好的做法,但這是有爭議的:) – Ryan 2013-03-11 01:44:40

+0

他們使用它,因爲這是Twitter Bootstrap建議的。 – cimmanon 2013-03-11 02:02:23

3

從HTML5規範:

的I元素表示的文本中的替換的語音或心情, 或以其他方式從正常散文,偏移的跨度如一個分類 指定,一個技術從另一個 語言,思想,船名或其他典型的 印刷介紹以斜體表示的術語。

如果您想要「政治上」正確,請使用span標籤。

然而,霍莉的回答架起一個參數爲它的使用:Should I use <i> tag for icons instead of <span>?