Question

我一直在为我的大多数项目使用HTML5Boilerplate，因为它是一个很棒的框架，但是我和其他开发人员一直在关于图像替换类和文本缩进的使用：-999em。

他给我发了这两个链接：

我知道HTML5Boilerplate团队在整理样式表时做了很多研究，我知道这是许多开发人员使用的常用技术。你们怎么看待它？我是否应该开始使用其他技术，以便我们的网站不会受到处罚或继续使用它？

谢谢！

Answer 1

这两个链接都专门针对Logos，其中最具语义的路径是将徽标添加为带有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;。一个合法的替代品不会让你被谷歌列入黑名单，只是不要试图通过试图隐藏只有谷歌可见的用户的内容来游戏系统。