Si alguna vez has navegado por la web y has visto una URL larga y confusa, probablemente te hayas topado con los conceptos de caminos absolutos y relativos. Estas dos formas de referirse a los enlaces que conectan diferentes páginas web son muy importantes para los programadores y diseñadores web. En este artículo, hablaremos sobre qué son, cuáles son sus diferencias y cómo usarlos correctamente. ¡Sigue leyendo para descubrir todo lo que necesitas saber sobre caminos absolutos y relativos en la web!
Antes de comenzar a insertar enlaces en sus documentos, es importante comprender cómo crear enlaces que apunten a páginas internas y externas. hay básicamente dos caminos para abordar estos enlaces. Vas a hacer referencia a estos enlaces por absoluto o caminos relativos.
Rutas absolutas
Las rutas absolutas son fáciles de usar y comprender. Estos enlaces se refieren a una muy ubicación específica, incluido el nombre de dominio. La ruta absoluta a otra ubicación se denomina URL. por ejemplo, el camino absoluto a la página de inicio de este sitio web es https://www.itgeared.com/.
Tu siempre desea especificar la ruta absoluta cuando se vincula a una página web que se encuentra en otro sitio web. No debe usar rutas absolutas al vincular a páginas dentro de su propio sitio web. Si especificas caminos absolutostendrá mucho trabajo por delante en caso de que cambie su nombre de dominio.
En el caso de que cambie su nombre de dominio, sería requerir que regrese y edite todos sus enlaces internos. Por lo tanto, para sus enlaces internos, utilice rutas relativas en su lugar.
Rutas relativas
Las rutas relativas son muy útiles cuando desea crear enlaces entre sus páginas dentro del mismo sitio web. A diferencia de las rutas absolutas, las rutas relativas no incluye el nombre de dominio
El ventaja al uso de rutas relativas es que puede cambiar su nombre de dominio y sus enlaces seguirán funcionando sin tener que modificarlos. Por supuesto, si mueve archivos y carpetas dentro de su sitio, también tendrá que actualizar las rutas relativas.
Acceder a un recurso desde el directorio raíz
Si desea hacer referencia a un recurso de la directorio raízsu ruta relativa comenzará con una barra inclinada /
seguido de la ubicación del recurso. Por ejemplo, desde cualquier parte de su documento, puede hacer referencia a la img1.jpg
archivo refiriéndose a él así: href="https://www.itgeared.com/images/img1.jpg"
.
Acceder a un recurso en un subdirectorio
Si quieres crear un enlace hacia submit.htm
página de la index.htm
página, puede hacerlo usando esta ruta relativa: href="https://www.itgeared.com/html-absolute-relative-path-links/forms/submit.htm"
. Observe que una barra diagonal /
no se incluye antes del directorio forms
. Si no incluye una barra diagonal, el navegador se referirá al recurso en un subdirectorio de su ubicación actual.
Acceder a un recurso en otro directorio
Puede haber casos en los que Ud. No quiero para hacer referencia a la ubicación desde la raíz y el recurso no está en un subdirectorio. Digamos que actualmente está desarrollando el submit.htm
página en el forms
directorio y desea enlazar con el img1.jpg
archivo. Puede utilizar un enlace relativo de la siguiente manera: href="https://www.itgeared.com/images/img1.jpg"
. Note que esta vez, agregamos ..
antes de la primera barra diagonal. Esto le dice al navegador que «suba» un directorio, luego baje al directorio «imágenes» para acceder img1.jpg
.
Acceder a un recurso en el mismo directorio
Por último, si desea hacer referencia otro recurso que está en el mismo directorio que el archivo de origen, simplemente puede hacer referencia a la ruta de la siguiente manera: href="https://www.itgeared.com/html-absolute-relative-path-links/filename.ext"
. Si no especifica ninguna información antes de la filename
el navegador asumirá que el recurso se encuentra en el mismo directorio.