Eventos
octubre 2012
L M X J V S D
    nov »
1234567
891011121314
15161718192021
22232425262728
293031  

Diferencias de TITLE y ALT en la etiqueta IMG

TITLE y ALT son dos atributos utilizados para la etiqueta <IMG> del lenguaje HTML. En muchas ocasiones será necesario su uso en nuestras páginas Web.

De manera práctica y en pocas palabras vamos a explicar las diferencias en su uso para un correcto diseño Web.

1.- El atributo TITLE es el encargado de proporcionar un elemento de texto en forma de descripción emergente (tooltip) cuando posicionamos el puntero del ratón sobre la imagen. Su  misión es proporcionar información adicional al usuario sobre dicho elemento.

<img src=”images/luna.jpg” title=”luna naranja y un árbol” />

 

 

 

 

 

 

 

 

 

2. En cambio, la misión principal del atributo ALT es proporcionar un texto alternativo a la imagen cuando ésta no está disponible. Es un attributo muy importante para la accesibilidad y para el posicionamiento web (SEO).

<img src=”images/luna.jpg” alt=”dibujo de luna naranja y árbol” />

 

 

 

 

 

 

Ambos atributos pueden convivir en la misma etiqueta IMG, es decir, es correcto:

<img src=”images/luna.jpg title=”luna naranja y un árbol” alt=”dibujo de luna naranja y árbol” />

WebM2J

Deja un comentario

Categorías
Síguenos
Etiquetas