Ruta Relativa es una dirección que indica la ubicación de un archivo o recurso tomando como referencia la ubicación actual de la página o carpeta desde donde se realiza el enlace.

A diferencia de una ruta absoluta, no incluye el dominio completo ni la ubicación total del recurso.

¿Para qué sirve?

• Enlazar archivos dentro del mismo sitio web.
• Facilitar la organización de proyectos.
• Reducir la longitud de las URLs.
• Simplificar el mantenimiento de sitios web.
• Hacer que los enlaces sean más flexibles.

¿Cómo funciona?

Página actual
      ↓
Ruta relativa
      ↓
Archivo o recurso relacionado

La ruta se interpreta a partir de la ubicación actual.

Ejemplo práctico

Si una página se encuentra en:

https://www.ejemplo.com/blog/articulo.html

Y la imagen está en:

https://www.ejemplo.com/blog/imagenes/logo.png

La ruta relativa sería:

imagenes/logo.png

Ejemplos comunes

Archivo en la misma carpeta

archivo.pdf

Archivo dentro de una subcarpeta

imagenes/foto.jpg

Archivo en una carpeta superior

../documentos/manual.pdf

Uso en HTML

<img src="imagenes/logo.png">

El navegador buscará la imagen tomando como referencia la ubicación actual de la página.

Beneficios

✅ URLs más cortas.
✅ Fácil migración del sitio web.
✅ Menor dependencia del dominio.
✅ Organización eficiente de archivos.

Diferencia entre Ruta Relativa y Ruta Absoluta

Ejemplo comparativo

Ruta Relativa

imagenes/logo.png

Ruta Absoluta

https://www.ejemplo.com/imagenes/logo.png

Importancia en desarrollo web

Las rutas relativas son muy utilizadas porque facilitan la gestión de archivos dentro de un sitio web y permiten mover proyectos entre servidores sin modificar todos los enlaces internos.

En resumen

Una Ruta Relativa es una dirección que localiza un archivo o recurso tomando como referencia la ubicación actual de la página o carpeta, sin incluir la ruta completa o el dominio del sitio web.