Los atributos alt y title

Los atributos alt y title, són atributos que nos permiten indicar un texto descriptivo para un elemento HTML, según la especificación del W3C, su función sería:

alt - Indica un texto alternatívo a un elemento no textual
title - Indica un texto a mostrar en un tooltip cuando el mouse está sobre el objeto

Ejemplo de tooltip que debe ser indicado con title

ArribaDiferéncias de uso

Pero los que estaréis acostumbrados a programar para Internet Explorer, habréis detectado, que al indicar un atributo alt este trabaja a su vez cómo title y nos muestra el tooltip.

000 
001 
002


<!--  Tooltip con Internet Explorer --> 
<img alt="Logo de la web" 
src="http://www.programacionweb.net/imagen.gif">


		
  Maximizar 


Seleccionar 
 XML

Esto no es así con otros navegadores como por ejemplo Firefox, en su caso, el atributo alt se utiliza sólo como texto alternativo y para mostrar el tooltip hay que utilizar el atributo title ( compatible con IE y Firefox ).

000 
001 
002


<!--  Tooltip compatible con W3C --> 
<img title="Logo de la web" alt="Texto alternativo" 
src="http://www.programacionweb.net/imagen.gif">


		
  Maximizar 


Seleccionar 
 XML

Otra pequeña diferéncia en la utilización de tooltips con ambos navegadores es la utilización de tooltips multilínea que con Microsoft Internet Explorer sería así:

000 
001 
002


<img title="Linea 1 
Linea 2 
Linea 3">


		
  Maximizar 


Seleccionar 
 XML

Pero que tendría resultados inesperados en Firefox:

Ejemplo de title multilínea en ambos navegadores

Anterior y siguiente

Usando getEleme...

Diferencias en ...

Comentarios

Este artículo no ha sido comentado hasta el momento

Enviar tu comentario >>

Resolver dudas

Si tienes problemas o dudas con el contenido del artículo no dudes a preguntar en los foros de HTML de Programación Web indicando el artículo al que te refieres.

Ir al foro de HTML >>