Skip to Content
SNS Docs
Web

URLs absolutas y relativas

1. URL Absoluta

Una URL absoluta es una dirección completa que especifica la ubicación exacta de un recurso en la web, incluyendo el protocolo (como http, https), el subdominio y dominio (nombre de la página web), y la ruta completa hacia el recurso.

Ejemplo:

https://www.ejemplo.com/imagenes/foto.jpg

En este caso:

  • https:// es el protocolo.
  • www es el subdominio.
  • ejemplo es el dominio.
  • .com es el dominio de nivel superior.
  • /imagenes/foto.jpg es la ruta al recurso en el servidor.

Una URL absoluta es independiente de la página web en la que se encuentre, ya que proporciona toda la información necesaria para localizar el recurso.

2. URL Relativa

Una URL relativa solo especifica la ubicación de un recurso en relación con la página web actual en la que se encuentra. Es más corta porque no incluye el dominio ni el protocolo, y depende del contexto de la página donde se utiliza.

Tipos de URL Relativa:

Relativa a la misma carpeta:

Apunta a un recurso dentro de la misma carpeta que la página actual.

imagenes/foto.jpg

Esto hace referencia a un archivo foto.jpg dentro de la carpeta imagenes, que está en la misma carpeta que la página que hace el enlace.

Relativa a una carpeta superior:

Usa ../ para indicar que el recurso se encuentra en una carpeta superior.

../imagenes/foto.jpg

Esto buscaría el archivo foto.jpg en la carpeta imagenes que está un nivel por encima de la ubicación actual.

Relativa a la raíz del sitio

Si empieza con /, la URL se refiere a una ruta desde la raíz del dominio.

/imagenes/foto.jpg

Esto apunta a foto.jpg en la carpeta imagenes ubicada en la raíz del servidor web.

Diferencias clave:

  • URL Absoluta: Especifica toda la información necesaria (protocolo, dominio, ruta).
  • URL Relativa: Depende del contexto actual y no incluye el protocolo ni el dominio.

¿Cuándo usar cada una?

  • URLs absolutas son útiles cuando necesitas un enlace que funcione en cualquier contexto (por ejemplo, enlaces entre diferentes sitios web o para compartir una URL completa).
  • URLs relativas son útiles cuando estás trabajando dentro de un mismo sitio web y quieres hacer referencias a recursos internos, ya que son más flexibles y fáciles de mantener cuando el dominio o estructura del sitio cambia.

On this page