Vínculos: ¿qué son?

Un vínculo es una conexión desde un recurso web a otro. Aunque es un concepto simple, el vínculo ha sido una de las principales fuerzas que ha hecho posible el éxito de la Web.

Para colocar un enlace se usarán las etiquetas <a> y </a>.

El atributo href

Dentro de la etiqueta de apertura deberemos especificar el destino del enlace mediante el atributo href.

La sintaxis sería la siguiente:

<a href="destino" atributo="valor" .....> texto o imagen </A>

El texto o imagen Será la parte que deberemos pulsar para acceder al enlace.

El destino será a la página o archivo a la que se accederá.

El atributo target

La atributo target especificará en qué ventana se va abrir el enlace. Los valores para 'target' pueden ser los siguientes:

target = "_self" : El nuevo documento se abrirá en la misma ventana. Es el valor que se tomará por defecto.

target = "_blank" : Fuerza que el documento referenciado por el enlace sea mostrado en una nueva ventana del navegador.

target = "_parent" : Usado para frames (obsoleto) Este valor provoca que el documento sea mostrado en el FRAMESET padre del frame actual.

target = "_top" : Usado para frames (obsoleto). El documento solicitado se cargará en la pantalla actual, ocupando toda la ventana y destruyendo la estructura de frames anterior.

Tal y como se ha comentado en anteriores sesiones, el uso de frames está anticuado y no es óptimo a la hora de indexar en buscadores. Por lo tanto, únicamente deberá recordarse el valor "_blank" (puesto que si no se dice lo contrario se aplicará "_self" por defecto).

El resultado del siguiente ejemplo sería el mismo para ambos casos (abrir el destino en la misma página en que nos encontramos):

<a href="pagina-destino.html">Click aquí para abrir en la misma página</a>

<a href="pagina-destino.html" target="_self">Click aquí para abrir en la misma página</a>

Y el resultado sería el siguiente:

Click aquí para abrir en la misma página

El atributo title

Antes de continuar y, para no crear confusiones, debe aclararse que este atributo no tiene nada que ver con el tag title que se define en la cabecera (que vimos aquí).

Mediante esta propiedad podrá indicarse un mensaje explicativo sobre el destino del enlace. Este mensaje aparecerá cuando el puntero del ratón se posicione sobre el vínculo.

Supongamos que queramos crear un enlace que cumpla las siguientes condiciones:

1.- Texto para el enlace: "Ir a Google"

2.- Dirección de destino: http://www.google.es

3.- Texto al situar el mouse encima del enlace: "Click para abrir en nueva ventana"

4.- El vínculo deberá abrirse en una nueva página.

La solución sería:

<a href="http://www.google.es" title="Click para abrir en nueva ventana" target="_blank">Ir a Google</a>

Y el resultado: Ir a Google

Tipos de enlaces

Los vínculos o enlaces pueden clasificarse en función de su destino (click sobre cada uno de ellos para ver su funcionamiento):

1.- Enlaces internos: se dirigen a otras partes dentro de la misma página (son vínculos dentro de una misma página).
2.- Enlaces locales: se dirigen a otras páginas del mismo sitio web.
3.- Enlaces remotos: dirigidos hacia páginas de otros sitios web.
4.- Enlaces a archivos