Ningún aspecto del diseño web está más centrado en la web que los hipervínculos (comúnmente referidos como links). La capacidad de crear un enlace en una página y permitir a los lectores acceder fácilmente a otros contenidos es una de las características que distinguen a los sitios web de otros medios de comunicación como los medios impresos o de difusión.
Estos enlaces son fáciles de añadir a una página, y pueden ser a otras páginas web, ya sea en su sitio o en cualquier otro lugar de la Web. También puede tener enlaces a otros recursos, como imágenes, vídeos o documentos. Sin embargo, por muy fácil que sea añadir enlaces, son también uno de los elementos que muchos nuevos diseñadores web luchan por entender al principio, especialmente en términos del concepto de rutas de archivos y de lo que significa una ruta absoluta frente a una relativa, así como cuando se utiliza una en lugar de la otra.
En cada una de las instancias de enlaces descritas anteriormente, usted necesita considerar cómo se va a conectar a esas varias páginas o recursos de su sitio. Específicamente, usted necesita decidir qué tipo de ruta URL va a escribir. En el diseño web, hay dos formas estándar de crear enlaces y dos tipos de rutas que puede utilizar:
- Rutas absolutas
- Rutas relativas
URLs de ruta absoluta
Las rutas absolutas utilizan URLs que se refieren a una ubicación muy específica en Internet. Estas rutas incluirán un nombre de dominio como parte de la ruta del enlace. Un ejemplo de la ruta absoluta a esta página web es:
https://www.lifewire.com/web-typography-101-3470009
Normalmente se trata de una ruta absoluta cuando se desea apuntar a elementos Web que se encuentran en un dominio que no es el suyo propio. Por ejemplo, si quisiera enlazar a una página de un sitio web diferente aquí, necesitaría incluir la URL completa de ese enlace ya que estoy dejando un dominio (webdesign.lifewire.com) para ir a otro. Ese enlace simplemente añadiría el elemento dentro de la página con la URL utilizada como valor del atributo «href» para ese enlace.
Así que si estás enlazando a algo que está «fuera de sitio» de tu propio sitio, necesitarás usar una ruta absoluta, pero ¿qué pasa con las páginas o recursos de tu propio dominio? Puede utilizar rutas absolutas incluso si está enlazando a páginas de su propio sitio, pero no es necesario y, dependiendo de su entorno de desarrollo, las rutas absolutas pueden causar problemas.
Por ejemplo, si tiene un entorno de desarrollo que utiliza durante la creación de un sitio web, y codifica todas las URL absolutamente a esa URL, entonces todas tendrán que ser cambiadas cuando el sitio entre en funcionamiento. Para evitar este problema, las rutas de archivo para cualquier recurso local deben usar rutas relativas.
URLs de rutas relativas
Las rutas relativas cambian dependiendo de la página en la que se encuentran los enlaces – son relativas a la página en la que se encuentran (de ahí el nombre). Si usted está enlazando a una página en su propio sitio, o a una imagen dentro de un directorio de «imágenes» en ese sitio, lo más probable es que utilice una ruta relativa. Las rutas relativas no utilizan la URL completa de una página, a diferencia de las rutas absolutas que acabamos de ver.
Existen varias reglas para crear un enlace utilizando la ruta relativa:
- Los enlaces en el mismo directorio que la página actual no tienen información de ruta listada:
nombre de archivo
- Los subdirectorios se listan sin barras oblicuas previas:
semanalmente/nombre de archivo
- Los enlaces de un directorio se listan como:
../nombredearchivo
Cómo determinar la ruta relativa
-
Primero defina la URL de la página que está editando. En el caso del ejemplo anterior, sería
https://www.lifewire.com/web-typography-101-3470009
- /web-typography-101-3470009
Verás aquí que escribimos la ruta relativa comenzando esa ruta con una barra oblicua (/). Ese carácter le dice al navegador que vaya a la raíz del directorio actual. Desde allí, puede añadir cualquier carpeta o nombre de archivo que necesite para su recurso específico, desglosando las carpetas y documentos para finalmente aterrizar en el recurso exacto que le gustaría ser enlazado.
Así que en resumen – si usted está enlazado fuera del sitio, usted usará una ruta absoluta que incluye la ruta completa a cualquier cosa que desee conectar. Si está vinculado a un archivo en el dominio en el que reside la página que está codificando, puede utilizar una ruta relativa que esencialmente navega desde la página en la que se encuentra, a través de la estructura de archivos del sitio y, finalmente, hasta el recurso que necesita.
