Hipervínculos: qué significa, tipos, crear, ejemplos...
Los vínculos de hipertexto o hipervínculos (anclajes) son elementos de una página HTML que, al hacer clic sobre ellos, permiten a los lectores navegar hacia una nueva dirección. De manera predeterminada, aparecen subrayados.
¿Qué son los hipervínculos y para qué sirven?
Los hipervínculos conectan las páginas unas con otras al navegar por la red. Se usan para dirigirse a otro punto en el mismo documento, a un archivo HTML en una ubicación diferente del equipo que aloja la página o a otro equipo. El principal atributo de los anclajes es href. Para crear un hipervínculo, basta con escribir el comando en el espacio designado (la descripción de una imagen, un texto destacado, etc.) siguiendo esta fórmula:
<a href="Dirección o URL"> .. </a>
¿Qué tipos de hipervínculos existen?
Vínculo externo
Un vínculo externo es un vínculo a una página mediante su dirección URL. Por ejemplo:
<a href="http://es.ccm.net/">CCM</a>
Vínculos locales
Un vínculo puede apuntar a una página ubicada en el mismo equipo, reemplazando la dirección URL con el archivo de destino. Esta ubicación del vínculo puede definirse de forma relativa, describiendo el archivo de destino con relación al archivo fuente. Si el archivo fuente es index.html ubicado en el directorio principal puede escribirse un vínculo hacia él:
<a href="../index.html"> ... </a>
Este vínculo puede definirse de forma absoluta escribiendo la dirección del archivo de destino:
<a href="file:///drive:/directory/index.html"> ... </a>
Vínculo interno
También es posible crear un enlace a un punto dentro de una página, es decir, marcar un punto preciso en la página donde el hipervínculo llevará al lector. Los vínculos internos se definen con el atributo NAME o ID. La sintaxis es la siguiente:
<a name="vínculo_interno"> ... </a>
El llamado a un vínculo interno se hace de la siguiente manera:
<a href="#vínculo_interno"> ... </a>
También puede permitirse al usuario desplazarse dentro de la página, o acceder a una sección especial en otra página:
<a href="url/nombre_archivo.html#vínculo_interno"> ... </a>