EnlacesEnlacesEn esta página se tratan los siguientes temas:
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 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:
Volver al principio de la página
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
Si el destino es un archivo, es suficiente con conocer su dirección (URL), como se muestra en los siguientes ejemplos. Si la dirección es un directorio, el servidor puede estar configurado para mostrar un archivo determinado (index.html, home.html, index.php, etc.), mostrar el contenido del directorio, o incluso rechazar la petición.
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:
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. |
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.
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.
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.
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.
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 este comportamiento no esté definido en ninguna recomendación).
| |
<p>Este es un <a href="#">enlace al principio de esta página</a>.</p> |
Este es un enlace al principio de esta página. |
Volver al principio de la página
Los navegadores son capaces de gestionar otros protocolos distintos a HTTP, por ejemplo el protocolo FTP:
| |
<p>Esto es un <a href="ftp://mirror.uv.es/pub/cdlibre/">enlace al servidor FTP de cdlibre</a>.</p> |
Esto es un enlace al servidor FTP de cdlibre. |
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. El uso cada vez más extendido del correo web hace 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
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.
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 2011) el aviso legal sigue redactado en los mismos términos.
La Biblioteca Virtual Miguel de Cervantes también ha pretendido y 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 ya no está disponible en la página web de la Biblioteca Virtual Miguel de Cervantes, pero puede consultarse en archive.org (copia realizada 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 siguieron 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.
Ese texto tampoco está ya disponible en la página web de la Biblioteca Virtual Miguel de Cervantes, pero puede consultarse en archive.org (copia realizada el 29 de septiembre de 2009).
Actualmente (noviembre de 2011), las condiciones siguen imponiendo condiciones que no vienen al caso, aunque lo hace de manera más retorcida, quizás para que se note menos:
La creación y establecimiento de hiperenlaces a la página principal o a los contenidos de este Sitio deberá realizarse conforme a las normas de hiperenlaces disponible en esta Web.
...
En cualquier caso, la PROPIEDAD, en concordancia con sus normas de hiperenlaces, se comprometen a hacer lo posible por evitar la existencia en su Sitio web de enlaces a sitios de contenido ilegal, que promuevan actividades ilícitas, racistas, xenófobas y, en general, susceptibles de atentar contra los principios de libertad y de dignidad humana o vulneren los valores y derechos reconocidos por la Declaración Universal de los Derechos Humanos.
Menos anecdótico que los ejemplos anteriores, otras páginas que han sufrido amenazas legales son las páginas con enlaces a archivos P2P. Aunque sigue siendo un tema polémico, actualmente (noviembre de 2011) los tribunales que han dictado sentencias en estos casos han declarando la legalidad de dichas páginas (recopilación de sentencias en Bufet Almeida), siempre que las páginas contuvieran enlaces a los archivos, pero no los propios archivos.
Volver al principio de la página
Esta página forma parte del curso "Páginas web HTML / XHTML y hojas de estilo CSS" disponible en http://www.mclibre.org
Esta obra está bajo una licencia de Creative
Commons Reconocimiento-CompartirIgual 3.0 España.
