Skip to main content
se eliminó 1 carácter en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

El problema que tienes es entender cómo funciona las URL en una página HTML:

SupongagmosSupongamos que cargamos una página con la URL

https://miURL.demo/miAplicacion/miPagina

Dentro de esta página quieres cargar imágenes, ficheros CSS y Javascript, así como tener enlaces a otras páginas de tu aplicación, así que tenemos los siguientes elementos:

<img src="estaticos/magen.png">
<link rel="stylesheet" type="text/css" href="/estilos/estilo.css" >

¿Cómo se interpretan estas direcciones?

La URL de la imagen no empieza por http://... ni por /, así que se considera una URL relativa: se tomará la URL de la página actual como referencia, con lo que la URL completa será

 https://miURL.demo/miAplicacion/estaticos/imagen.png

La URL del fichero de estilos comienza por /, con lo que se considera una dirección absoluta dentro del dominio actual: se tomará el dominio de la página cargada como base y se añadirá la URL del recurso:

 https://miURL.demo/estilos/estilo.css

También puedes jugar definiendo cuál debe ser la base, añadiendo la etiqueta

<base href="https://miURL.demo/miAplicacion/">

El problema que tienes es entender cómo funciona las URL en una página HTML:

Supongagmos que cargamos una página con la URL

https://miURL.demo/miAplicacion/miPagina

Dentro de esta página quieres cargar imágenes, ficheros CSS y Javascript, así como tener enlaces a otras páginas de tu aplicación, así que tenemos los siguientes elementos:

<img src="estaticos/magen.png">
<link rel="stylesheet" type="text/css" href="/estilos/estilo.css" >

¿Cómo se interpretan estas direcciones?

La URL de la imagen no empieza por http://... ni por /, así que se considera una URL relativa: se tomará la URL de la página actual como referencia, con lo que la URL completa será

 https://miURL.demo/miAplicacion/estaticos/imagen.png

La URL del fichero de estilos comienza por /, con lo que se considera una dirección absoluta dentro del dominio actual: se tomará el dominio de la página cargada como base y se añadirá la URL del recurso:

 https://miURL.demo/estilos/estilo.css

También puedes jugar definiendo cuál debe ser la base, añadiendo la etiqueta

<base href="https://miURL.demo/miAplicacion/">

El problema que tienes es entender cómo funciona las URL en una página HTML:

Supongamos que cargamos una página con la URL

https://miURL.demo/miAplicacion/miPagina

Dentro de esta página quieres cargar imágenes, ficheros CSS y Javascript, así como tener enlaces a otras páginas de tu aplicación, así que tenemos los siguientes elementos:

<img src="estaticos/magen.png">
<link rel="stylesheet" type="text/css" href="/estilos/estilo.css" >

¿Cómo se interpretan estas direcciones?

La URL de la imagen no empieza por http://... ni por /, así que se considera una URL relativa: se tomará la URL de la página actual como referencia, con lo que la URL completa será

 https://miURL.demo/miAplicacion/estaticos/imagen.png

La URL del fichero de estilos comienza por /, con lo que se considera una dirección absoluta dentro del dominio actual: se tomará el dominio de la página cargada como base y se añadirá la URL del recurso:

 https://miURL.demo/estilos/estilo.css

También puedes jugar definiendo cuál debe ser la base, añadiendo la etiqueta

<base href="https://miURL.demo/miAplicacion/">
se añadieron 146 caracteres en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

El problema que tienes es entender cómo funciona las URL en una página HTML:

Supongagmos que cargamos una página con la URL

https://miURL.demo/miAplicacion/miPagina

Dentro de esta página quieres cargar imágenes, ficheros CSS y Javascript, así como tener enlaces a otras páginas de tu aplicación, así que tenemos los siguientes elementos:

<img src="estaticos/magen.png">
<link rel="stylesheet" type="text/css" href="/estilos/estilo.css" >

¿Cómo se interpretan estas direcciones?

La URL de la imagen no empieza por http://... ni por /, así que se considera una URL relativa: se tomará la URL de la página actual como referencia, con lo que la URL completa será

 https://miURL.demo/miAplicacion/estaticos/imagen.png

La URL del fichero de estilos comienza por /, con lo que se considera una dirección absoluta dentro del dominio actual: se tomará el dominio de la página cargada como base y se añadirá la URL del recurso:

 https://miURL.demo/estilos/estilo.css

También puedes jugar definiendo cuál debe ser la base, añadiendo la etiqueta

<base href="https://miURL.demo/miAplicacion/">

El problema que tienes es entender cómo funciona las URL en una página HTML:

Supongagmos que cargamos una página con la URL

https://miURL.demo/miAplicacion/miPagina

Dentro de esta página quieres cargar imágenes, ficheros CSS y Javascript, así como tener enlaces a otras páginas de tu aplicación, así que tenemos los siguientes elementos:

<img src="estaticos/magen.png">
<link rel="stylesheet" type="text/css" href="/estilos/estilo.css" >

¿Cómo se interpretan estas direcciones?

La URL de la imagen no empieza por http://... ni por /, así que se considera una URL relativa: se tomará la URL de la página actual como referencia, con lo que la URL completa será

 https://miURL.demo/miAplicacion/estaticos/imagen.png

La URL del fichero de estilos comienza por /, con lo que se considera una dirección absoluta dentro del dominio actual: se tomará el dominio de la página cargada y se añadirá la URL del recurso:

 https://miURL.demo/estilos/estilo.css

El problema que tienes es entender cómo funciona las URL en una página HTML:

Supongagmos que cargamos una página con la URL

https://miURL.demo/miAplicacion/miPagina

Dentro de esta página quieres cargar imágenes, ficheros CSS y Javascript, así como tener enlaces a otras páginas de tu aplicación, así que tenemos los siguientes elementos:

<img src="estaticos/magen.png">
<link rel="stylesheet" type="text/css" href="/estilos/estilo.css" >

¿Cómo se interpretan estas direcciones?

La URL de la imagen no empieza por http://... ni por /, así que se considera una URL relativa: se tomará la URL de la página actual como referencia, con lo que la URL completa será

 https://miURL.demo/miAplicacion/estaticos/imagen.png

La URL del fichero de estilos comienza por /, con lo que se considera una dirección absoluta dentro del dominio actual: se tomará el dominio de la página cargada como base y se añadirá la URL del recurso:

 https://miURL.demo/estilos/estilo.css

También puedes jugar definiendo cuál debe ser la base, añadiendo la etiqueta

<base href="https://miURL.demo/miAplicacion/">
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

El problema que tienes es entender cómo funciona las URL en una página HTML:

Supongagmos que cargamos una página con la URL

https://miURL.demo/miAplicacion/miPagina

Dentro de esta página quieres cargar imágenes, ficheros CSS y Javascript, así como tener enlaces a otras páginas de tu aplicación, así que tenemos los siguientes elementos:

<img src="estaticos/magen.png">
<link rel="stylesheet" type="text/css" href="/estilos/estilo.css" >

¿Cómo se interpretan estas direcciones?

La URL de la imagen no empieza por http://... ni por /, así que se considera una URL relativa: se tomará la URL de la página actual como referencia, con lo que la URL completa será

 https://miURL.demo/miAplicacion/estaticos/imagen.png

La URL del fichero de estilos comienza por /, con lo que se considera una dirección absoluta dentro del dominio actual: se tomará el dominio de la página cargada y se añadirá la URL del recurso:

 https://miURL.demo/estilos/estilo.css