Enlaces: tipos
12 Mayo 2010
Posted in
Contenidos -
Resúmenes
Enlaces a un lugar del mismo documento
Los enlaces normalmente se utilizan para hacer referencia a una página distinta de la que los contiene. Sin embargo, se pueden utilizar para hacer referencia a un determinado punto en la misma página (previamente marcando estas zonas), ofreciendo así una forma sencilla de desplazamiento dentro de un mismo documento largo.
Un enlace a un punto del mismo documento consta de dos partes: una referencia y un destino. El destino se identifica por un nombre (utilizando el atributo "id" dentro de la etiqueta a, o también "name" por compatibilidad con navegadores antigüos). La referencia hará alusión al nombre del destino, 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.
La forma de definir un enlace a un punto del mismo documento es:
- Para la referencia: <a href = "#nombre_del_ancla ">texto del enlace</a>.
... - Para el destino (ancla en XHTML): <a id="nombre_del_ancla"></a>.
En ambos elementos se utiliza la etiqueta <a>. Como puede observarse, en el caso de la referencia, el nombre al que hace alusión va precedido del símbolo almohadilla (#). Algunos, a las marcas de destino las llaman "anclas".
Ejemplo de ancla (destino):
Ejemplo de vínculo a un ancla (referencia):
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).
La etiqueta <a> tiene un atributo de importante valor semántico, llamado title. El atributo title 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" 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.
Se utiliza de esta forma:
Otro atributo frecuentemente utilizado es el destino en enlaces externos, llamado "target" con el valor "_blank" (abrir en nueva ventana), al utilizarlo nos aseguramos que se pierde nuestro enlace a nuestro sitio web. Ejemplo:
