当我在Windows上的Safari上使用alt
属性和img
标记时,Safari不仅显示替代文本,而且仅显示“?”在盒子里。这是Windows上的Safari中的错误,还是Safari缺少此功能。Windows上的Safari不支持HTML中的img标签的alt属性?
回答
每个浏览器都有自己的渲染替代文本的神奇方式。这似乎是一个标准问题,希望在未来的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
@John感谢您提供了很好的答案并重建了网站链接。 – rohitmishra 2010-02-27 18:47:09
切勿使用alt
渲染工具提示。改为使用title
。几乎所有的浏览器都支持它。 alt
只能用于图像不可用/无法显示的情况下,或者在阅读页面时屏幕阅读器等辅助技术时出现的替代文本。
@Aviator建议采取:) – rohitmishra 2010-02-27 18:47:26
刚刚发现Android浏览器不显示在img上的标题:((http://code.google.com/p/android/issues/detail?id=5836 – yitznewton 2012-03-15 15:15:18
- 1. 连接不同的标签和img alt属性的textContext
- 2. 负面查询preg_match_all PHP中的IMG标签没有ALT属性
- 3. PHP的img alt属性
- 4. img标签的alt属性是否需要编码?
- 5. typo3中img-tag中的alt/title属性
- 6. 不支持HTML目标属性
- 7. 是否rails不支持输入标签上的html列表属性?
- 8. 从图像标签的标题和alt属性中去除HTML标签
- 9. HTML属性中的标签?
- 10. MVC 3 - img alt HTML标记?
- 11. PHP如何仅从img标签中的HTML标签中删除样式属性?
- 12. HTML中的ASCII艺术的Alt属性?
- 13. HTML img,alt =“”不工作
- 14. 使用正则表达式找到的img标签没有alt属性
- 15. jQuery的+ HTML img标签
- 16. Gsp/HTML页面不支持wcm标签
- 17. html 5标签不支持下面ie9?
- 18. HTML标记img的属性onload在Angular2中不起作用
- 19. IMG标签中的SVG在移动Safari/iOS中不显示Chrome
- 20. SVG在Safari中的img标签中不显示
- 21. 关闭标签中的HTML ID属性?
- 22. selenium webdriver 2.53.0在Windows上支持safari吗?
- 23. 从img标签的src属性上传图片JQuery AJAX PHP
- 24. 如何在img标签的onerror属性上发送http请求?
- 25. 如何才能在PHP中获得p标签的alt属性?
- 26. 如何获取img alt标签并将图像显示为html?
- 27. Blogger的布局标签HTML中不支持:需要javascript帮助
- 28. img标签中ismap属性的真正目的是什么?
- 29. jQuery:ahref标题img alt
- 30. 桌面Safari(Mac和Windows)VS Mobile Safari(iPhone) - HTML,CSS,JS支持
这里的代码示例将帮助我们重现您的问题。 – bendewey 2010-02-27 18:11:21
检查约翰给出的链接http://rebuildingtheweb.com/en/how-should-browsers-render-alt-text/。它记录了我详细指出的东西 – rohitmishra 2010-02-28 16:40:21