Tutorial:XHTML

Imágenes: títulos (atributo TITLE)

Este atributo funciona de la misma manera que para los enlaces. Es la encargada de ofrecer una descripción emergente (tooltip) de la imagen (algunos navegadores utilizan el atributo "alt" en lugar de "title" para mostrar esta información).

El formato quedará de la siguiente manera:

<img src="ruta-de-la-imagen" alt="descripción de la imagen" title="Texto emergente"/>

Diferencias entre ALT y TITLE

En cuanto al uso de ALT y TITLE en imágenes los resultados serán distintos, como se dicho anteriormente, dependiendo del navegador que se utilice.

Para cumplir los estándares se definirá OBLIGATORIAMENTE el atributo ALT (para garantizar así la accesibilidad). TITLE será opcional, pues únicamente se encarga de mostrar información adicional.

Ejemplo de uso de TITLE y ALT

<img src="imagenes/logo-google.gif" alt="Logo de Google" title="Esto es el mensaje emergente">

El resultado sería el siguiente:

En caso de que no existiera la imagen "logo-google.gif" en la carpeta "imagenes", el resultado sería el siguiente: