Html 如何使用<；i>；用图标标记？

我有一个图标集和CSS代码来将图标绑定到一个元素，但是我不能让“I”标记与图标集一起工作，而不填充内容。我必须为标签添加自定义代码吗

我见过Twitter引导程序使用“I”标记作为图标。 另外，我试过span标记，但也不起作用。当我使用“li”或“div”标记时，它就起作用了

我错过了什么？提前谢谢

这不起作用

<i class="icon icon-accessibility"></i>

标记用于表示其中的文本应为斜体。在这种情况下使用它是没有意义的

---

如果您仍然希望保留它，而不使用像

div

这样的其他东西，那么问题在于

标记是一个内联元素，而不是像

div

那样的块元素。添加

显示：内联块img

标签来显示图标。这在语义上更有意义，因为它毕竟是嵌入的内容，而且图标可以触摸到。

撇开语义不谈，你看不到任何东西，因为默认情况下

元素是

内联的。您可能需要添加
display:inline块
到
.icon
规则集，以匹配引导程序呈现图标的方式

如果您关心语义，请使用
或
来代替。
Brthr，只需在您的“.icon”中添加一个“display:inline block”，它可能会起作用。
为什么不将div与
字体样式：italic
一起使用，我不相信我是块元素。我想在标题标记中使用图标，而div在标题中不是有效的元素。我不想要斜体文本，请再次阅读我的问题。twitter引导程序使用这个标签，因为CSS就是为这个设计的。其中有一个图像位置的“映射”，这是所需的部分。看PiLHA，如果你读了我的问题，你也可以看到我为它制作了一个精灵地图。谢谢，我只试过显示：block。内联块成功了！i标记带有“icon”的语义，并且使用较少的文本，这是绑定图标的好方法。@FredrikSkägglösWesterlund如果您需要支持IE7，那么最好将
与
display:inline block
结合使用。我假设他使用的是基于我们的片段的精灵，我使用的是CSS spritemaps，所以标签不会有多大帮助。无论如何谢谢你@FredrikSkägglösWesterlund你仍然可以用
标记来完成，但是你需要一个周围的标记来覆盖它周围的一切好吧，这不是我想要的解决方案。现在可以用了，tho，谢谢：）是的，谢谢！我认为标签更适合我上下文中的图标。我还遵循了另一条论证图标标签好处的线索。我认为这并不像有些人所说的那么重要。
（和
）的语义定义相当松散，这在链接到的线程中很明显。没有文本的
没有内在的意义，因此完全可以接受（IMO）使用它来显示纯粹的表现元素。我认为斜体标记应该被弃用，并被替换为反正，所以为什么不好好利用失业者呢。
<i class="icon icon-accessibility">BLAH</i>

.icon {background: url('/images/icons.png') no-repeat top left;}
.icon-accessibility{ background-position: 0 0; width: 32px; height: 32px; }