使用图标元素<i>

在你的页面里，你可能会使用<span></span>作为一种放置图标的方式，就像这样：

<li class="favorite">
  <span class="icon favorite"></span>
  <span id="favorite-insert-point" class="favorite"></span>
</li> 

如果是这样，看看这样是不是好点：图标应该使用一个图标(icon)元素，可以使用<i>标签。随着在Twitter Bootstrap中使用，这个方法已经越来越流行了。

<p><i class="icon icon-comment"></i>23 comments</p>
...
.icon { background-image: url( sprites.png ); }
.icon-comments { background-position: 0 -30px; }   

使用<i>标签比使用标准的<span>标签更有语义，并且可以容易的找到页面中图标的位置。