Cuando uso el atributo alt
con la etiqueta img
en Safari en Windows, en lugar de mostrar el texto alternativo, Safari solo muestra un "?" en una caja. ¿Es esto un error en Safari en Windows o Safari no tiene esta característica?¿El atributo alt para la etiqueta img en HTML no es compatible con Safari en Windows?
Respuesta
Cada navegador tiene su propia forma mágica de representar texto alternativo. Parece ser un problema de estándares, ojalá que se resuelva en las futuras especificaciones de HTML5.
IE, Firefox, & Opera representa el texto alternativo dentro de IMG para imágenes rotas. Chrome & Safari también hace esto, pero el texto le cortará a menos que configure la altura/el peso de la imagen.
Aquí hay un excelente artículo sobre el tema (con tapas de pantalla que muestran cómo cada navegador representa el texto alternativo).
http://rebuildingtheweb.com/en/how-should-browsers-render-alt-text/
Más Screenies desde el blog del Grupo Paceillo ...
http://www.paciellogroup.com/blog/misc/HTML5/alt-tests/screenshots.html
http://www.paciellogroup.com/blog/?p=498
@John gracias por la excelente respuesta y la reconstrucción del enlace de la web. – rohitmishra
Nunca use alt
para la prestación de información sobre herramientas. Use title
en su lugar. Es compatible con casi todos los navegadores. alt
está destinado a ser un texto alternativo que debería aparecer solo si la imagen no está disponible/no se puede mostrar o para algunas tecnologías de asistencia, como lectores de pantalla, mientras se lee la página.
@Aviator advice taken :) – rohitmishra
Acabo de descubrir que el navegador Android no muestra el título en img: ((http://code.google.com/p/android/issues/detail?id=5836 – yitznewton
- 1. ¿El atributo alt de la etiqueta img requiere codificación?
- 2. pregunta simple en la etiqueta html img
- 3. HTML img atributo "completo"
- 4. ¿Es necesario el atributo "for" en la etiqueta HTML?
- 5. Atributo SRC coincidente de la etiqueta IMG usando preg_match
- 6. El atributo maxlength HTML no funciona en cromo y safari?
- 7. CSS atributo de contenido para la etiqueta img
- 8. ocultar etiqueta alt en firefox
- 9. JSF2 ignora alt vacío atributo
- 10. BoxShadow: inserto en la etiqueta img
- 11. Eliminar el atributo de la etiqueta HTML
- 12. ¿Para qué sirve el atributo For en una etiqueta HTML?
- 13. <img> vs <image> etiqueta en HTML
- 14. Safari con la etiqueta de audio no funciona
- 15. Cómo anular estilo global para la etiqueta img en css
- 16. HTML/CSS - ¿Poner img encima de img?
- 17. elemento `img` con atributo` lang`: ¿idioma de la imagen en sí?
- 18. Regex y PHP - aislar el atributo src de la etiqueta de img
- 19. Imagen con una etiqueta de selección en html
- 20. Etiqueta Div dentro de la etiqueta img
- 21. ¿Cómo puedo mostrar una imagen si el navegador no es compatible con la etiqueta <video> de HTML5
- 22. Regex para reemplazar el atributo html src en PHP
- 23. ¿Qué es un "?" para en el atributo src de una etiqueta de script html?
- 24. HTML/Javascript - img src remoto con automática http/https prefijo
- 25. Obtenga el atributo "alt" de una imagen que reside dentro de una etiqueta <a>
- 26. javascript: lectura del atributo lang en la etiqueta html
- 27. Cómo agregar un atributo alternativo de etiquetas img con jquery
- 28. ¿Compatible con WTForms para el atributo readonly de entrada?
- 29. Cómo aplicar el deslizamiento en la etiqueta de área html?
- 30. Cómo configurar la etiqueta <img> con autenticación básica
Un ejemplo de código aquí nos ayudaría a reproducir su problema. – bendewey
revise el enlace http://rebuildingtheweb.com/en/how-should-browsers-render-alt-text/ que dio John. documenta lo que señalé en detalle – rohitmishra