lebyrus

La sexta semana del curso, que aún podemos ver en la caché de Google, comienza el tema de los enlaces (o hipervínculos).

Introducción al hipertexto

Hay dos formas de enlazar: a ficheros locales (que están en el mismo sitio), que generalmente se realiza con enlaces relativos, que son aquéllos que usan la rula relativa entre donde se localizan los documentos de origen y de destino.

La segunda forma es enlazar recursos que no están en el mismo sitio: son enlaces absolutos, ya que usamos una URL absoluta para el documento de destino.

Enlaces a documentos locales

Podría pensarse que la etiqueta a usar para enlazar documentos es <link>, que incluso ya hemos usado para enlazar hojas de estilo. Sin embargo, esta etiqueta sólo se usa para enlazar hojas de estilo u otros recursos en la cabecera de un documento. Cuando creamos enlaces en el cuerpo de un documento debemos usar el elemento ancla: <a>

<p><a>El Córdoba salva en cincuentenario</a>. El Club cumplirá feliz 50 años el próximo 7 de agosto.

Hemos creado un ancla, pero mientras no tenga destino no será un enlace. Y para ello usaremos el atributo href (referencia de hipertexto). El valor de este atributo es la ruta entre el documento de origen y el documento de destino. Si el fichero de destino está en la misma ruta que el fichero de origen, sólo habrá que colocar el nombre del fichero de destino.

<p><a href="noticia.html">El Córdoba salva en cincuentenario</a>. El Club cumplirá feliz 50 años el próximo 7 de agosto.

URL relativas

Podríamos resumir los enlaces relativos en tres tipos:

1. Enlaces a ficheros del mismo directorio: sólo hay que usar el nombre del fichero de destino

   Origen: /ficheros/sitio/origen.html

   Destino: /ficheros/sitio/destino.html

   Enlace: <a href="destino.html">Enlace</a>

2. Enlaces a ficheros de directorios que cuelgan del mismo directorio donde tenemos el fichero origen.

   Origen: /ficheros/sitio/origen.html

   Destino: /ficheros/sitio/productos/destino.html

   Enlace: <a href="productos/destino.html">Enlace</a>

3. Enlaces a ficheros de directorios que están en un directorio distinto al que tiene el fichero origen y que no cuelgan de un directorio común. En ese caso debemos usar ".." para acceder al directorio inmediatamente superior, pudiendo usarse tantas veces como directorios superiores haya.

   Origen: /ficheros/sitio/productos/origen.html

   Destino: /ficheros/sitio/servicios/destino.html

   Enlace: <a href="../servicios/destino.html">Enlace</a>