ProgramacionWeb - Ayuda al webmaster
No has iniciado sesión
Conectar al sistema | Registrar usuario
Cursos Cuestionarios Curso de Firefox Capítulo
 
13 votos
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"
>
 
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"
>
 
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"
>
 
Pero que tendría resultados inesperados en Firefox:


Ejemplo de title multilínea en ambos navegadores
 
Anterior y siguiente
Usando getEleme...
 
Comentarios
Este artículo no ha sido comentado hasta el momento
 
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.