2010-02-27 62 views
5

当我在Windows上的Safari上使用alt属性和img标记时,Safari不仅显示替代文本,而且仅显示“?”在盒子里。这是Windows上的Safari中的错误,还是Safari缺少此功能。Windows上的Safari不支持HTML中的img标签的alt属性?

+0

这里的代码示例将帮助我们重现您的问题。 – bendewey 2010-02-27 18:11:21

+0

检查约翰给出的链接http://rebuildingtheweb.com/en/how-should-browsers-render-alt-text/。它记录了我详细指出的东西 – rohitmishra 2010-02-28 16:40:21

回答

7

每个浏览器都有自己的渲染替代文本的神奇方式。这似乎是一个标准问题,希望在未来的HTML5规范中得到解决。

IE,Firefox,& Opera在IMG中为破损图像渲染替代文本。 Chrome & Safari也会这样做,但文本将被截断,除非您设置图像的高度/重量

这是一篇关于这个问题的优秀文章(带有显示每个浏览器如何呈现alt文本的屏幕截图)。

http://rebuildingtheweb.com/en/how-should-browsers-render-alt-text/

从Paceillo集团的博客更多screenies ...
http://www.paciellogroup.com/blog/misc/HTML5/alt-tests/screenshots.html
http://www.paciellogroup.com/blog/?p=498

+1

@John感谢您提供了很好的答案并重建了网站链接。 – rohitmishra 2010-02-27 18:47:09

5

切勿使用alt渲染工具提示。改为使用title。几乎所有的浏览器都支持它。 alt只能用于图像不可用/无法显示的情况下,或者在阅读页面时屏幕阅读器等辅助技术时出现的替代文本。

+0

@Aviator建议采取:) – rohitmishra 2010-02-27 18:47:26

+0

刚刚发现Android浏览器不显示在img上的标题:((http://code.google.com/p/android/issues/detail?id=5836 – yitznewton 2012-03-15 15:15:18