HTML <img> altAtributo

HTML img 标签参考手册Etiqueta HTML <img>

Ejemplos

Imagen con el texto alternativo especificado:

<img src="smiley.gif.html" alt="Smiley face">

Pruébalo »

Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los navegadores principales son compatibles con el atributo alt.

Definición y uso

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

Supongamos que, por alguna razón (como una velocidad de red demasiado lenta, errores en el atributo src, imágenes deshabilitadas en el navegador o el uso de un lector de pantalla por parte del usuario), el usuario no puede ver la imagen; el atributo alt puede proporcionar información alternativa para la imagen.

Nota:Cuando el usuario mueve el ratón sobre el elemento img, Internet Explorer (versiones anteriores a la 9) muestra el valor del atributo alt como tooltip. Según la especificación de HTML, este comportamiento no es correcto.

Sugerencia:Si necesita crear un tooltip para una imagen, utilicetitle¡Atributo!

Diferencias entre HTML 4.01 y HTML5

Ninguna.

Sintaxis

<img alt="text">

Valores de atributo

Valor Descripción
text Especifica el texto alternativo de la imagen.

Principios de uso del texto alt:

  • Si la imagen contiene información, use alt para describir la imagen.
  • Si la imagen está dentro de un elemento <a>, use alt para describir el enlace de destino.
  • Si la imagen es solo decorativa, use alt=""

HTML img 标签参考手册Etiqueta HTML <img> Otras extensiones