Enlaces de posición
Los enlaces normalmente se utilizan para hacer referencia a una página distinta de la que los contiene, pero en ocasiones, tenemos páginas con un contenido tan grande que nos interesa enviar al usuario no a una página sino a un "lugar" concreto de la página que está viendo. Para que sepas de qué te hablo, me refiero con esto al tipo de enlace que tienes en la parte inferior de muchas páginas que te dirige hacia la parte superior de la página (Ir arriba). Para estos casos HTML ha definido un enlace especial que denomina Ancla. Vamos a ver cómo podemos colocarlos en nuestro sitio.
Usando las anclas o anclajes puedes hacer que cuando las visitas pulsen sobre ese enlace, la ventana del navegador se mueva hacia esa parte concreta de la misma página o bien, pase a otra página distinta, pero no a su comienzo, sino a la parte media o a la parte que tú desees de esa otra página.
Un enlace a un punto del mismo documento (o ancla) consta de dos partes:
- Una referencia (utilizando el atributo a)
- Un destino (utilizando el atributo id de un elemento o el atributo name del elemento a)
El destino se identifica por un nombre, como hemos dicho. La referencia hará alusión al nombre del destino, precedido del signo #, de forma que cuando se seleccione el enlace, el navegador obtendrá el nombre, lo buscará en el resto del documento y una vez encontrado el destino identificado por ese nombre, mostrará la página a partir de este punto en adelante.
En una página html se pueden incluir varias referencias a distintos puntos del documento o se pueden incluir varias referencias a la misma marca destino (p. ej. al inicio del documento).
Si el ancla está en otra página se indica antes el nombre de ésta, seguido de almohadilla y del nombre del ancla.
Ejemplo 1:
Describir el enlace
Como ya he comentado la etiqueta a tiene un atributo de importante valor semántico, llamado title. Este atributo sirve para específicar una pequeña descripción del sitio que estamos enlazando. Los navegadores suelen desplegar en la parte inferior un "cartelito amarillo o blanco" con el valor de este atributo cuando el usuario señala con el mouse el enlace. Esto es de gran ayuda a los usuarios, que decidirán si seguir el enlace o no.
