Css HTML5样板和图像替换类text indent-999em

我的大多数项目都在使用HTML5样板，因为它是一个很棒的框架，但我和其他开发人员一直在反复讨论图像替换类和文本缩进的使用：-999em

他给我发了两个链接：

我知道HTML5样板团队在整理样式表时做了很多研究，我知道这是很多开发人员使用的一种常见技术。你们觉得怎么样？我应该开始使用另一种技术，这样我们的网站就不会受到惩罚，还是可以继续使用

---

谢谢

这两个链接都专门指徽标，其中最具语义的途径是将徽标添加为带有alt属性的图像标记：

<img src="/path/to/logo.png" alt="Foo bar baz! The best way to fizz buzz" />

他们没有涵盖的是您可能希望使用普通旧图像替换的情况。随着嵌入字体变得越来越普遍，也越来越受支持，图像替换的问题也越来越少，因为它越来越不常见。然而，在很多情况下，唯一的解决办法还是使用替换图像

这在标题上尤其常见，因为艺术家往往想要花哨的花饰

如果可能，使用带有alt属性的内联图像，因为这是最具语义的显示方式。问题是，如果使用CMS，您可能有权也可能没有权直接访问标记，因此在许多情况下，解决方法是使用CSS或JS图像替换

---

如果你必须使用CSS，不要太担心

文本缩进：-9999px。合法的替代品不会让你被谷歌列入黑名单，只是不要试图通过向用户隐藏只有谷歌才能看到的内容来玩弄系统。
为了更好地理解，你能展示你的代码吗。