Hiperenlaces (I)
Vamos a ver qué son los hiperenlaces, para qué sirven y cómo crearlos. Son un
elemento muy común en cualquier página web, de hecho, podríamos decir que el
hiperenlace o hipertexto es la instrucción o etiqueta más importante del
lenguaje HTML como se desprende del propio nombre (Hyper Text Markup
Lenguage).
Hiperenlaces. Definición
Un hiperenlace se escribe con la etiqueta <a> y permite ir (navegar) a un
recurso de internet designado por su dirección de internet (URL). El recurso
más usual es una página web pero también puede ser un archivo de imagen,
vídeo, dirección email, dirección ftp, punto de ancla, ...
Un hiperenlace tiene dos partes fundamentales, el destino y el elemento que
activa el enlace. Vamos a explicarlo sobre el siguiente ejemplo.
La forma más usual de utilizar la etiqueta <a> es para enlazar con otra página
web mediante un texto:
Visita
El código correspondiente es este:
<a href="[Link]
El elemento que activa el enlace es el texto Visita que al ser pulsado nos lleva
al destino del hiperenlace. El destino se indica con el atributo href que en este
caso es una dirección de internet (URL). Al colocar el cursor en el texto del
hiperenlace el cursor toma la forma de una mano para indicarnos que se trata
de un hiperenlace. Si hacemos clic con el botón derecho aparecerá un menú
contextual con varias opciones (Abrir en una pestaña nueva, Guardar
enlace, ...). En los dispositivos táctiles, al no existir cursor, el comportamiento
es diferente. No hay forma de saber si un texto contiene un enlace hasta que
demos una pulsación corta, con lo cual se activará; o demos una pulsación larga
para que aparezca el menú contextual.
También es frecuente que el elemento que activa el enlace sea una imagen,
como en el siguiente ejemplo:
El código correspondiente es este:
<a href="[Link] src="comunes/logo_ac1_50.gif"/></a>
El elemento que activa el enlace se escribe entre las etiquetas <a> y </a> y
puede ser una etiqueta de texto (párrafo, h1, ..), una imagen y también otros
elementos (section, lista, ...); incluso podemos colocar más de un elemento, por
ejemplo una imagen y un texto.
Otra forma de nombrar un hiperenlace es hipervínculo o hipertexto, y si
estamos en un contexto que se habla de Internet también se les puede llamar
simplemente enlace o vínculo.
A continuación, vamos a ver el atributo más importante de la etiqueta <a>, el
destino href, y luego veremos el resto de atributos: target, download, ...
Atributo href. Tipos de referencias
Para entender este punto debemos explicar antes como se escriben las
direcciones de páginas web o URL (Uniform Resource Locator). por ejemplo
[Link]
Una URL tiene tres partes: Protocolo, servidor y ruta.
Protocolo: usualmente es http:// para las páginas web, y https:// para las
páginas web seguras, pero también pueden ser otros, como ftp://
(transferencia de ficheros) o mailto: (correo electrónico), como explicaremos
más adelante.
Servidor/dominio: un servidor es un ordenador con unas características
especiales conectado a Internet donde están guardadas las páginas web que
vamos a visitar. Cada servidor tiene asignada una dirección física formada por
números (por ejemplo [Link]). Para hacerlo más fácil a ese número se le
asigna un nombre. El nombre del servidor debe registrarse como un dominio de
internet por una entidad autorizada, que establece la relación entre el nombre
del dominio y la dirección física del servidor. Puede ser cualquier nombre que
cumpla las reglas establecidas en cuanto a tipos de caracteres que lo forman.
Por ejemplo, [Link] es un dominio registrado asociado a un servidor de
Internet. Puede escribirse como [Link] o [Link].
Ruta: es el camino dentro del servidor para llegar al archivo de la página web,
por ejemplo excel-2016/[Link] indica que la página [Link] está dentro
de la carpeta o directorio excel-2016. La ruta puede tener varios directorios.
¿Adicionalmente a una URL también se le pueden añadir parámetros separados
por el signo ?, por ejemplo.
[Link] pero eso no va a
afectar a lo que vamos a explicar a continuación.
Existen diferentes formas de expresar una referencia a una página a través
del atributo href.
Referencia URL absoluta:
La referencia es absoluta cuando contiene todas las partes de la URL. Es decir,
protocolo, servidor y ruta completa.
Por ejemplo, [Link]
La única parte que puede omitirse es el nombre del archivo, si se omite se
entenderá que es [Link], (o [Link]).
Por ejemplo,
[Link]
tendrá el mismo efecto que [Link]
[Link]
tendrá el mismo efecto que [Link]
