# Enlaces

En esta página se tratan los siguientes temas:

## Qué es un enlace web

Los enlaces de hipertexto (o hiperenlaces) son el elemento característico de la web porque permiten que las páginas se relacionen entre sí. La sencillez y libertad con que se pueden enlazar páginas situadas en servidores distintos son el motivo del éxito de la web.

Un enlace de hipertexto tiene dos partes:

- el enlace, es decir, el elemento (texto o imagen) sobre el que se puede hacer clic con el ratón,
- el destino, es decir, el elemento (página web, imagen, archivo, etc) que se muestra al hacer clic en el enlace

El autor de una página decide qué enlaces quiere poner en cada página, pero no puede elegir qué enlaces enlazan con sus páginas web (véase el apartado de intentos de censura)

Un enlace sólo puede llevar a un destino, pero enlaces diferentes pueden llevar al mismo destino.

El destino de un enlace puede ser un directorio, un archivo o un elemento (texto o imagen) situado en una página web:

- Si el destino es un directorio, dependiendo de la configuración del servidor, se mostrará el contenido del directorio o un archivo determinado (por ejemplo, el archivo index.html o home.html).
- Si el destino es un archivo, el navegador mostrará el archivo desde el principio si es capaz de mostrarlo (por ejemplo, si es una página web o una imagen), o abrirá otro programa que sea capaz de abrirlo (por ejemplo si es un archivo PDF), o preguntará al usuario qué debe hacer con el archivo (guardarlo en el disco o abrirlo con el programa que elija el usuario).
- Si el destino es un elemento (texto o imagen) situado en una página web, el navegador abrirá la página web y se desplazará hasta el elemento enlazado (salvo que el elemento se encuentre al final de la página o cerca del final, en que entonces el navegador se desplaza todo lo que puede hacia abajo).

Volver al principio de la página

## La etiqueta <a>

### Enlaces

En el código fuente XHTML los enlaces se identifican mediante la etiqueta <a> y su atributo href, que contiene el URI del destino al que conduce el enlace. Los URI del destino pueden ser absolutos (http://www....) o relativos (con respecto al directorio actual).

Los enlaces se muestran en los navegadores de color azul y subrayados. En caso de que un enlace contenga una imagen, la imagen muestra un borde azul.

    <p>Enlace a la <a href="http://www.cdlibre.org/">
    página principal de cdlibre</a>.</p>
| Enlace a la página principal de cdlibre.
    <p>Logotipo de cdlibre: <a
    href="http://www.cdlibre.org/">
    <img alt="Logotipo de cdlibre"
    src="../img/cdlibre_logo.png"
    width="118" height="70"
    title="Logotipo de cdlibre" /></a></p>
| Logotipo de cdlibre:

Volver al principio de la página

### Destinos

Si el destino es un directorio o un archivo, no hace falta añadir ninguna identificación especial en el directorio o archivo de destino, es suficiente con conocer su dirección, como se ve en los siguientes ejemplos.

Ejemplos de enlaces a directorios:

    <p>Enlace a la <a href="http://www.cdlibre.org/">
    página principal de cdlibre</a>.</p>
| Enlace a la página principal de cdlibre.
    <p>Enlace al <a href="http://www.cdlibre.org/consultar/catalogo/">
    catálogo de software de cdlibre</a>.</p>
| Enlace al catálogo de software de cdlibre.
    <p>Enlace al <a href="../">directorio principal de
    estos apuntes</a>.</p>
| Enlace al directorio principal de estos apuntes.

Ejemplos de enlaces a archivos

    <p>Enlace a la <a href="http://www.cdlibre.org/otros/novedades.html">
    página de novedades de cdlibre</a>.</p>
| Enlace a la página de novedades de cdlibre.
    <p>Enlace al <a href="http://www.cdlibre.org/cdlibre.png">
    logotipo de cdlibre</a>.</p>
| Enlace al logotipo de cdlibre.
    <p>Enlace al <a href="../index.html">índice de
    estos apuntes</a>.</p>
| Enlace al índice de estos apuntes.

Pero si el destino es un elemento situado en el interior del archivo (por ejemplo, un párrafo en el interior de una página web o una imagen insertada en una página), es necesario identificar el punto de destino. Lógicamente, no puede haber dos destinos con el mismo nombre en la misma página web.

La forma de identificar los destinos en las páginas web ha ido cambiando a lo largo del tiempo:

- En la versión HTML 3.2 y anteriores, los destinos se identificaban mediante la etiqueta <a> y su atributo name.

  Ejemplo de enlace a elemento de una página web identificado mediante la etiqueta <a> y su atributo name.

      <p>Este es el <a href="#Este">enlace al párrafo
      siguiente</a>.</p>

      <p><a name="Este">Este párrafo es el destino
      del enlace anterior.</a></p>
  | Este es el enlace al párrafo siguiente. Este párrafo es el destino del enlace anterior.

  El atributo href contiene la dirección de la página, el carácter almohadilla (#) y el atributo name del destino. En caso de ser un enlace dentro de la misma página sólo aparece el carácter almohadilla (#) y el atributo name del destino.

- En las versiones HTML 4.X y XHTML 1.0, los destinos se podían seguir identificando mediante la etiqueta <a> y su atributo name, pero además se introdujo el atributo id. El atributo id se puede añadir a cualquier elemento, así que cualquier elemento de una página web con id puede ser el destino de un enlace aunque no tenga la etiqueta <a>. Otra diferencia entre ellos es que un atributo name puede contener entidades de carácter, mientras que el atributo id no.

  Ejemplo de enlace a elemento de una página web identificado mediante el atributo id.

      <p>Este es el <a href="#Este1">enlace al párrafo
      siguiente</a>.</p>

      <p id="Este1">Este párrafo es el destino
      del enlace anterior. </p>
  | Este es el enlace al párrafo siguiente. Este párrafo es el destino del enlace anterior.
      <p>Este es el <a
      href="http://www.cdlibre.org/otros/faq.html#descargado">enlace
      a una pregunta de la FAQ de cdlibre</a>.</p>
  | Este es el enlace a una pregunta de la FAQ de cdlibre.

  El atributo href contiene la dirección de la página, el carácter almohadilla (#) y el atributo id del destino. En caso de ser un enlace dentro de la misma página sólo aparece el carácter almohadilla (#) y el atributo id del destino.

- En la versión XHTML 1.1, el atributo name desaparece y sólo se puede gastar el atributo id para identifcar los destinos.

Se aconseja identificar los destinos con el atributo id. La identificación de los destinos mediante la etiqueta <a> tenía menos problemas de compatibilidad con navegadores muy antiguos, que ya no se utilizan.

Si en el atributo href se escribe simplemente el carácter almohadilla (#), casi todos los navegadores se desplazan al principio de la página (aunque no esté definido en ninguna recomendación).

Nota: Internet Explorer 8 admite <body> o <html> como destinos de enlaces. La versiones anteriores lo hacían incorrectamente, como se comenta en la lección sobre diferencias entre IE8 e IE7.

Volver al principio de la página

### Enlaces especiales

Un enlace con el atributo href con el valor mailto:dirección_de_correo_electrónico abre automáticamente el cliente de correo electrónico (Outlook, Thunderbird, Evolution, etc.) con un correo dirigido a la dirección indicada. Es posible que el uso cada vez más extendido del correo web haga que esta opción sea un engorro más que una ayuda.

    <p>Haciendo clic en este enlace se abrirá el cliente
    de correo para <a href="mailto:fulanito@example.org">
    enviar un correo a fulanito@example.org</a> (dirección
    ficticia).</p>
| Haciendo clic en este enlace se abrirá el cliente de correo para enviar un correo a fulanito@example.org (dirección ficticia).

Volver al principio de la página

## Intentos de censura

Algunas personas e instituciones parecen no entender la naturaleza de la web y pretenden decir qué enlaces se pueden hacer e incluso cómo hacerlos.

### Fiscalía General del Estado (España)

La Fiscalía General del Estado de España, en su "Aviso legal" dice que no permite que se enlacen páginas de su web.

En febrero de 2007, ese aviso legal decía:

> LA FISCALÍA GENERAL DEL ESTADO le facilita el acceso a otras páginas Web que consideramos pueden ser de su interés. El objetivo de dichos enlaces es únicamente facilitarle la búsqueda de los recursos que le puedan interesar a través de Internet. No obstante, dichas páginas no le pertenecen, ni hace una revisión de sus contenidos y, por ello, no puede hacerse responsable de los mismos, del funcionamiento de la página enlazada o de los posibles daños que puedan derivarse del acceso o uso de la misma.

> No se permitirá el enlace de ninguna página Web o de una dirección de correo electrónico al Portal, salvo con la autorización expresa por escrito de la Fiscalía General del Estado.

> Adicionalmente, dichos enlaces deberán respetar las siguientes condiciones:

> (a) únicamente podrán realizarse enlaces con la Página de Inicio de esta Web;

> (b) el establecimiento del enlace no supondrá ningún tipo de acuerdo, contrato, patrocinio ni recomendación por parte de la Fiscalía General del Estado de la página que realiza el enlace.

> En cualquier momento, La Fiscalía General del Estado podrá retirar la autorización mencionada en el párrafo anterior, sin necesidad de alegar causa alguna. En tal caso, la página que haya realizado el enlace deberá proceder a su inmediata supresión, tan pronto como reciba la notificación de la revocación de la autorización por parte de la Fiscalía General del Estado.

El texto puede consultarse en archive.org. Esa copia se realizó el 8 de febrero de 2007, pero actualmente (noviembre de 2009) el aviso legal sigue redactado en los mismos términos.

### Biblioteca Virtual Miguel de Cervantes

La Biblioteca Virtual Miguel de Cervantes también pretende imponer las condiciones de enlace a su web.

En enero de 2007, esas condiciones especificaban ¡hasta el tamaño y el color de la letra!:

> 2.2.- Aspecto del hiperenlace: el hiperenlace podrá consistir tanto en un texto como en un gráfico.

> - 1.2.1.- En el primer caso, el texto deberá expresar rotundamente que enlaza con la BIBLIOTECA VIRTUAL MIGUEL DE CERVANTES.

>   La fuente utilizada será «Arial», el estilo «negrita», el tamaño de un mínimo de «12» y el color deberá tener las siguientes características: «rojo 155, verde 23, azul 26, matiz 254, saturación 189 y luminosidad 89».

> - 1.2.2.- En el segundo caso, sólo se podrá utilizar el logotipo de «cervantesvirtual.com» tal y como puede encontrarse en la URL http://www.cervantesvirtual.com/marcolegal/normas_graficas.jsp.

>   El logotipo de la BIBLIOTECA VIRTUAL MIGUEL DE CERVANTES, deberá estar situado a una distancia de separación de 25 píxeles con respecto a cualquier otro elemento de la página web en la que se inserte.

> - 1.2.3.- Con carácter general, el aspecto, el efecto visual, la ubicación y, en general, las características del hiperenlace deberán invariablemente evidenciar que el mismo conduce al sitio web de la BIBLIOTECA VIRTUAL MIGUEL DE CERVANTES y que éste es independiente y no está unido por una relación, ni de colaboración, asociación, patrocinio, laboral ni de ningún otro tipo, a la página web que contiene el hiperenlace.

Ese texto puede consultarse en archive.org. Esta copia se realizó el 26 de enero de 2007. Curiosamente, tras comentarse estas condiciones en la prensa (por ejemplo, El Mundo, 30/01/07), las condiciones se modificaron, aunque actualmente (noviembre de 2009) siguen incluyendo condiciones peregrinas, aunque posiblemente bienintencionadas como que:

> Toda página que inserte enlaces a la Biblioteca deberá respetar la dignidad y la libertad humanas, así como los derechos y libertades fundamentales recogidos en la Declaración Universal de Derechos Humanos.

### Enlaces a redes P2P

Menos anecdótico que los ejemplos anteriores, otras páginas que han sufrido amenazas legales son las páginas con enlaces a archivos P2P. Actualmente (noviembre de 2009), los tribunales que han dictado sentencias en estos casos han declarando la legalidad de dichas páginas (páginas que contenían enlaces a archivos, pero no los archivos) (nota en Bufet Almeida del 06/11/08).

Volver al principio de la página