Ningún aspecto del diseño web está más centrado en la web que los hipervínculos (comúnmente denominado simplemente campo de golf ). La capacidad de crear un enlace en una página y permitir que los lectores accedan 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 de 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. Sin embargo, a pesar de que los enlaces son fáciles de agregar, también son uno de los elementos que muchos diseñadores web nuevos intentan comprender al principio, especialmente en términos del concepto de rutas de archivo y lo que significa una ruta absoluta frente a 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 conectará a esas diversas páginas o recursos de su sitio. Específicamente, debe decidir qué tipo de ruta de URL escribirá. En diseño web, hay dos formas estándar de crear enlaces y dos tipos de rutas que puede utilizar:
- Caminos absolutos
- Caminos relativos
URLs de ruta absoluta
Las rutas absolutas utilizan direcciones 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 del enlace en sí. Un ejemplo de la ruta absoluta a esta página web es:
https://www.Go-Travels.com/web-typography-101-3470009
Normalmente, es una ruta absoluta cuando desea apuntar a elementos web que se encuentran en un dominio distinto al suyo. Por ejemplo, si quisiera enlazar a una página en un sitio web diferente aquí, tendría que incluir la URL completa de ese enlace ya que estoy dejando un dominio (webdesign.Go-Travels.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" del suyo, tendrá que usar una ruta absoluta, pero ¿qué pasa con las páginas o los recursos de su propio dominio? Puede utilizar rutas absolutas incluso si está enlazando 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 de manera absoluta a esa URL, entonces todas deberán cambiarse cuando el sitio entre en funcionamiento. Para evitar este problema, las rutas del archivo para cualquier recurso local deben usar rutas relativas.
URLs de ruta relativa
Las rutas relativas cambian en función de la página en la que se encuentran los enlaces; son relativas a la página en que se encuentran (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, lo más probable es que use 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 usando la ruta relativa:
- Los enlaces en el mismo directorio que la página actual no tienen información de ruta en la lista:
nombre del archivo
- Los subdirectorios se enumeran sin barras diagonales anteriores:
semanal / nombre de archivo
- Los enlaces de un directorio se enumeran como:
../nombre del archivo
Cómo determinar el camino relativo
-
Primero define la URL de la página que estás editando. En el caso del artículo de ejemplo mencionado anteriormente, eso sería
https://www.Go-Travels.com/web-typography-101-3470009
-
/ web-tipografía-101-3470009
Verá aquí que escribimos la ruta relativa al comenzar esa ruta con una barra diagonal (/). Ese carácter 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 le gustaría estar vinculado.
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 esencialmente 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. .
