Manual de referencia HTML

大全 de etiquetas HTML

HTML: <img> propiedad alt

Si el usuario no puede ver la imagen por alguna razón (por ejemplo, debido a una velocidad de conexión lenta, un atributo src incorrecto o si el usuario utiliza un lector de pantalla), la propiedad alt proporciona información alternativa para la imagen. Si no se puede mostrar la imagen, es necesario usar la propiedad alt para especificar el texto alternativo de la imagen.

　HTML <img> etiqueta

Ejemplo en línea

Se especifica una imagen con texto alternativo:

Ejemplo

!DOCTYPE　html>
<html>
<head>
<title>HTML:<img>　propiedad alt　-　Sitio web de tutoriales básicos　oldtoolbag.com</title>
<body>
<img　src="haha-no.gif"　alt="haha　face"　width="42"　height="42">
</body>
</html>

Prueba aquí ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la propiedad alt.

Definición y uso

El atributo alt es un atributo obligatorio que especifica el texto alternativo cuando la imagen no se puede mostrar.

Si no se puede mostrar la imagen, es necesario utilizar el atributo alt para especificar el texto alternativo de la imagen.

Si el usuario no puede ver la imagen por alguna razón (debido a una velocidad de conexión lenta, error en el atributo src o el usuario utiliza un lector de pantalla), el atributo alt proporciona información alternativa para la imagen.

Nota:Cuando el usuario mueve el mouse sobre el elemento img, Internet Explorer (9 En versiones anteriores) mostraba el valor del atributo alt como una sugerencia. Según la norma HTML, este comportamiento no es correcto.

Consejo:Si necesita crear una herramienta de sugerencias para la imagen, utilice title atributo!

HTML 4.01 con HTML5las diferencias

ninguna.

sintaxis

<img alt="text">

valor del atributo

valor	descripción
text	Especificar el texto alternativo de la imagen. Principios de uso del texto alternativo alt: Si la imagen contiene información, utilice alt para describir la imagen Si la imagen se encuentra en un elemento <a>, utilice alt para describir el enlace de destino Si la imagen solo se utiliza para decorar, utilice alt=""

　HTML <img> etiqueta

HTML: <template> etiqueta