HTML5Boilerplate和图像替换类文本

2018-06-19 10:00:34

我一直在使用HTML5Boilerplate作为我的大部分项目，因为它是一个很好的框架，但我和其他开发人员一直在讨论图像替换类以及使用文本缩进：-999em。

他寄给我这两个链接：

http://luigimontanez.com/2010/stop-using-text-indent-css-trick/

http://www.youtube.com/watch?v=fBLvn_WkDJ4

我知道HTML5Boilerplate团队在整理样式表时做了大量的研究，而且我知道很多开发人员都使用这种技术。你们想到了什么？我是否应该开始使用其他技术，以便我们的网站不会受到处罚，还是可以继续使用它？

谢谢！

这两个链接都特指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; 。一个合法的替代品不会让你被Google列入黑名单，只是不要试图通过试图隐藏只有谷歌才能看到的用户内容来游戏系统。

链接地址: http://www.djcxy.com/p/54673.html