Caminos absolutos y relativos

Comprender la diferencia entre una ruta URL absoluta y relativa Ningún aspecto del diseño web está más centrado en la web que los hipervínculos (comúnmente conocidos como enlaces ).

Comprender la diferencia entre una ruta URL absoluta y relativa

Ningún aspecto del diseño web está más centrado en la web que los hipervínculos (comúnmente conocidos como enlaces ). La capacidad de crear un enlace en una página y permitir a los lectores acceder fácilmente a otro contenido es uno de los rasgos definitorios que diferencia a los sitios web de otros medios de comunicación como los medios impresos o de difusión.

Estos enlaces son fáciles de agregar 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, videos o documentos. Aún así, tan fácil como agregar enlaces, también son 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 lo que significa una ruta absoluta versus una relativa, así como cuando se usa uno en lugar del otro.

En cada una de las instancias de enlaces descritas anteriormente, debe considerar cómo se va a conectar a las distintas páginas o recursos de su sitio. Específicamente, debe decidir qué tipo de ruta URL escribirá. En el diseño web, hay dos formas estándar de crear enlaces y dos tipos de rutas que puede usar:

  • Caminos absolutos
  • Caminos relativos

URL de ruta absoluta

Las rutas absolutas usan URL 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 de enlace en sí. Un ejemplo de la ruta absoluta a esta página web es:

https://www.lifewire.com/web-typography-101-3470009 

Por lo general, sería una ruta absoluta cuando desee señalar elementos web que estén en un dominio que no sea el suyo. Por ejemplo, si desea vincular a una página en un sitio web diferente aquí, necesitaría incluir la URL completa de ese enlace ya que está dejando un dominio (webdesign.lifewire.com) para ir a otro. Ese enlace simplemente agregaría el elemento dentro de la página con la URL utilizada como el valor del atributo «href» para ese enlace.

Entonces, si está enlazando a algo que está «fuera del sitio», tendrá que usar una ruta absoluta, pero ¿qué pasa con las páginas o recursos en su propio dominio? En realidad, podría usar rutas absolutas incluso si está vinculando a páginas en su propio sitio, pero no es obligatorio 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 deberán cambiarse cuando el sitio se active. Para evitar este problema, las rutas de los archivos para cualquier recurso local deben usar rutas relativas.

URL de ruta relativa

Las rutas relativas cambian según la página en la que se encuentran los enlaces; son relativas a la página en la que son una (de ahí el nombre). Si está enlazando a una página en su propio sitio o una imagen dentro de un directorio de «imágenes» en ese sitio, una ruta relativa es lo que probablemente usará. Las rutas relativas no usan 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:
      nombre de archivo  
  • Los subdirectorios se enumeran sin barras diagonales anteriores:

      semanal/nombre de archivo  
  • Los enlaces de un directorio se enumeran como:

      ../filename  

Cómo determinar el camino relativo

  1. Primero defina la URL de la página que está editando. En el caso del artículo de ejemplo mencionado anteriormente, eso sería

    https://www.lifewire.com/web-typography-101-3470009 
  2. /web-typography-101-3470009 

Verá aquí que escribimos la ruta relativa comenzando esa ruta con una barra diagonal (/). Ese personaje le dice al navegador que vaya a la raíz del directorio actual. Desde allí, puede agregar cualquier carpeta o nombre de archivo que necesite para su recurso específico, profundizando en carpetas y documentos para finalmente aterrizar en el recurso exacto que desea vincular.

En resumen, si está vinculado fuera del sitio, utilizará una ruta absoluta que incluye la ruta completa a lo que desee conectarse. Si está vinculado a un archivo en el dominio en el que reside la página que está codificando, puede usar una ruta relativa que básicamente navega desde la página en la que se encuentra, a través de la estructura de archivos del sitio, y finalmente al recurso que necesita .

Rate article
labsfabs.com
Add a comment