Enlaces relativos y absolutos

Una dirección web puede ser relativa o absoluta:

• Relativa: se hace teniendo como inicio la dirección en la que se encuentra la página donde se encuentra el enlace;
• Absoluta: se incluye la dirección completa de la página.

Por ejemplo, la dirección completa de esta página es: https://www.jordigonzalezboada.com/dokuwiki/doku.php?id=enlaces_relativos_absolutos

Para explicar las direcciones relativas lo haremos con algunos ejemplos. Supongamos el siguiente árbol de directorios y archivos:

• Alojamiento de mi página (carpeta1):
  • Página 1 principal (archivo1.html).
  • Página 2 principal (archivo2.html).
  • Mi afición 1 (carpeta2):
    • Página 1 afición 1 (archivo3.html).
    • Página 2 afición 1 (archivo4.html).
  • Mi afición 2 (carpeta3):
    • Página 1 afición 2 (archivo5.html).
    • Página 2 afición 2 (archivo6.html).
    • Variante 1 afición 2 (carpeta4):
      • Página 1 variante 1 afición 2 (archivo7.html).
      • Página 2 variante 1 afición 2 (archivo8.html).
    • Variante 2 afición 2 (carpeta5):
      • Página 1 variante 2 afición 2 (archivo9.html).

Y ahora algunos ejemplos de enlaces relativos:

• Enlace al “archivo 2” en el “archivo 1”: <a href=“archivo2.html”>Título archivo 2</a>
• Enlace al “archivo 9” en el “archivo 2”: <a href=“carpeta3/carpeta5/archivo9.html”>Título archivo 9</a>
• Enlace al “archivo 5” en el “archivo 7”: <a href=“../archivo5.html”>Título archivo 5</a>
• Enlace al “archivo 7” en el “archivo 9”: <a href=“../carpeta4/archivo7.html”>Título archivo 9</a>

1. Como se puede ver en los ejemplos, si los archivos se encuentran en el mismo directorio sólo hace falta escribir el nombre del archivo con su extensión.
2. Si el archivo se encuentra en alguna carpeta que se encuentra dentro de la carpeta donde se encuentra el archivo en el que se incluirá el enlace se debe incluir en la dirección la carpeta (y subcarpetas, si las hay) en la que se encuentra el archivo destino antes del nombre del archivo.
3. Si el archivo destino se encuentra hacia afuera en el árbol de directorios se debe salir hacia fuera hasta la carpeta que contiene el archivo o el directorio (con sus subdirectorios, si los hay) en el que está el archivo. Para poder salir hacia afuera una carpeta se utiliza el siguiente código: “../”; por tanto, si debemos salir dos directorios tendremos de poner “../../”, si son tres, “../../../”, y así de manera análoga.

Las direcciones absolutas se pueden utilizar tanto para hacer enlaces entre nuestras páginas como hacia páginas externas a la nuestra. Las direcciones relativas solo se pueden utilizar para hacer enlaces entre nuestras páginas; los enlaces relativos resultan útiles para poder visualizar las páginas en nuestro disco duro (si los enlaces fueran absolutos al pinchar en ellos se cargaría la página que estuviera en esa dirección de internet, en el caso de que nos encontremos conectados a internet, y no la que estuviese en nuestro disco duro).

Ir a HTML | CSS.