我的大部分项目都在使用 HTML5Boilerplate，因为它是一个很棒的框架，但我和其他开发人员一直在讨论图像替换类和 text-indent:-999em 的使用。
他给我发了这两个链接：
http://luigimontanez.com/2010/stop-using-text-indent-css-trick/
http://www.youtube.com/watch?v=fBLvn_WkDJ4
我知道 HTML5Boilerplate 团队在整理样式表时做了很多研究，而且我知道这是很多开发人员使用的常用技术。你们怎么看呢？我应该开始使用另一种技术，这样我们的网站就不会受到惩罚，还是可以继续使用它？
谢谢！
这两个链接都专门指向 Logos，其中最语义化的途径是将 logo 添加为具有 alt 属性的图像标签：
<img src="/path/to/logo.png" alt="Foo bar baz! The best way to fizz buzz" />
他们没有涵盖的是您可能想要使用普通旧图像替换的情况。随着嵌入字体变得越来越普遍和支持，图像替换不再是一个问题，因为它不太常见，但是，仍然有很多情况下唯一的出路是使用替换图像。
这在标题上特别常见，因为艺术家往往想要花哨的花哨。
如果可能，请使用带有 alt 属性的内联图像，因为这是最符合语义的显示方式。问题是，如果您使用 CMS，您可能直接访问标记，也可能不直接访问，因此在许多情况下，出路是使用 CSS 或 JS 图像替换。
如果你必须使用 CSS，不要太担心text-indent: -9999px;. 合法的替代品不会将您从 Google 列入黑名单，只是不要试图通过尝试向用户隐藏仅对 Google 可见的内容来玩弄系统。