Nuestros vínculos también llevan nombre

Ya con anterioridad hablamos de la importancia de darle un nombre a todos los elementos de la página, ahora le llegó el turno a los vínculos, en realidad se hace de una forma muy sencilla y el trabajo es mínimo en comparación con el beneficio obtenido.

En una entrada anterior inserté un par de vínculos:

son unos links a páginas web, pero ver escrita una dirección no nos dice mucho sería mas entendible si es el nombre de la página o una descripción de ésta lo que encontramos, el código que hay detrás es el siguiente:

<a href="http://softbb.org/es/582614.aspx" >COLOUR CONTRAST ANALYZER CCA</a></span> &nbsp;o puedes visitar la página&nbsp;<a href="http://www.checkmycolours.com/" >http://www.checkmycolours.com/</a>

Para darle una descripción a los vínculos, entro del código HTML escribimos:

title="describo el vínculo"

Entonces mis vínculos quedaron de la siguiente manera:

<a href="http://softbb.org/es/582614.aspx" title="descargar programa para medir contraste de color">COLOUR CONTRAST ANALYZER CCA</a></span> &nbsp;o puedes visitar la página&nbsp;<a href="http://www.checkmycolours.com/" title="página que mide el contraste de color en línea">http://www.checkmycolours.com/</a>

Cuando el ratón pase por encima del vínculo aparecerá la descripción de cada uno: