Atributos ALT y TITLE

Atributos ALT y TITLE

Los atributos alt y title, son 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 alternativo 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

Diferencias 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 como 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"
>

‘ + s2 + ‘

‘); document.close (); } else history.go(-1)”> 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"
>

‘ + s2 + ‘

‘); document.close (); } else history.go(-1)”> Maximizar Seleccionar XML

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

000
001
002
<img title="Linea 1
Linea 2
Linea 3"
>

‘ + s2 + ‘

‘); document.close (); } else history.go(-1)”> Maximizar Seleccionar XML

Pero que tendría resultados inesperados en Firefox:


Ejemplo de title multilínea en ambos navegadores

Por Adriana Gonzalez

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: