Skip to main content
se añadieron 149 caracteres en el cuerpo
Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28

Es un tipo de enlace que no depende de una estructura predeterminada, sino que a partir del mismo archivo desde el cual es invocado toma la referencia. Es relativo al propioa la propia ubicación del archivo en si, y no dependiente de una estructura concreta previala raíz del dominio actual.

En este tipo de enlaces se hace referencia a un lugar concreto de la estructura de archivos, ya sea la raíz de su espacio web, o bien algún directorio (carpeta) o ruta de subdirectorios, siempre empezando por la raíz del dominio (ya sea con la barra / o bien usando el nombre de dominio completo, por ejemplo, http://dominio.com/).

Es un tipo de enlace que no depende de una estructura predeterminada, sino que a partir del mismo archivo desde el cual es invocado toma la referencia. Es relativo al propio archivo en , y no dependiente de una estructura concreta previa.

En este tipo de enlaces se hace referencia a un lugar concreto de la estructura de archivos, ya sea la raíz de su espacio web, o bien algún directorio (carpeta) o ruta de subdirectorios.

Es un tipo de enlace que no depende de una estructura predeterminada, sino que a partir del mismo archivo desde el cual es invocado toma la referencia. Es relativo a la propia ubicación del archivo en si, y no dependiente de la raíz del dominio actual.

En este tipo de enlaces se hace referencia a un lugar concreto de la estructura de archivos, ya sea la raíz de su espacio web, o bien algún directorio (carpeta) o ruta de subdirectorios, siempre empezando por la raíz del dominio (ya sea con la barra / o bien usando el nombre de dominio completo, por ejemplo, http://dominio.com/).

se añadieron 585 caracteres en el cuerpo
Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28

Respuesta a tu pregunta

En este caso, todos tienen que estar en el mismo directorio, esté donde esté. Si eso te da problemas será porque quizás dentro de cada uno de ellos se invoca a otros archivos de forma absoluta en lugar de relativa. Si ves que no funciona del todo por ese motivo investiga a ver cual te da problemas y le cambias el enlace problematico por uno relativo.

Explicación ampliada

Ejemplo práctico:

Ejemplo práctico:


La estructura

Los archivos

Las referencias absolutas

Las referencias relativas

Ejemplo práctico:

Respuesta a tu pregunta

En este caso, todos tienen que estar en el mismo directorio, esté donde esté. Si eso te da problemas será porque quizás dentro de cada uno de ellos se invoca a otros archivos de forma absoluta en lugar de relativa. Si ves que no funciona del todo por ese motivo investiga a ver cual te da problemas y le cambias el enlace problematico por uno relativo.

Explicación ampliada

Ejemplo práctico:


La estructura

Los archivos

Las referencias absolutas

Las referencias relativas

se añadieron 4 caracteres en el cuerpo
Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28

también nos va a funcionar. Daros cuenta de que ya no hay ni la barra inicial / que nos condicionaba que la ruta partiera de la raíz, ni tampoco las dos barras con el nombre de dominio //dominio.com que indicarianindicarían lo mismo pero vinculándolo además a un dominio concreto.

Un último caso a tener en cuenta seria este otrosería el siguiente ejemplo, donde desde paginas/página1.html se quisiera llamar relativamente a cualquier otro archivo de la estructura situado más atrasatrás o en otro directorio.

Por ejemplo, de forma absoluta podriamospodríamos encontrarnos con esto dentro de paginas/pagina1.html:

Y seguramente funcionaria bien, pero no podriamospodríamos mover toda la estructura a otro lugar porque nos dariadaría problemas en esa página.

En este caso la solución vuelven a ser enlaces relativos, que quedarianquedarían de este modo:

  1. Se han agregado dos puntos seguidos y una barra ../ que indican ir atrasatrás en la ruta de directorios (a diferencia de ./ que indica ir adelante desde el directorio actual). Se puede usar tantas veces como sea necesario, por ejemplo, si tuvieramostuviéramos que ir dos directorios atrasatrás seria asiasí: ../../index.html, etc.

  2. En el enlace absoluto anterior habiamoshabíamos usado <a href="/paginas/pagina2.html"> pero ahora usamos <a href="pagina2.html"> porque tanto pagina1.html como pagina2.html se encuentran en el mismo directorio, por lo tanto no hace falta ponerles rutas, se encuentran en el mismo nivel. De nuevo, podriamospodríamos haber puesto el enlace relativo de este modo: <a href="./pagina2.html"> (yo prefiero el otro, pues ambos funcionan igual).

Nota adicional: En este caso, al tratarse solo de archivos html, css, javascript y de imagen, tambientambién pueden ser abiertos desde un sistema de archivos directamente, y gracias a las referencias relativas, funcionar correctamente. La URL en estos casos empieza por file://. Eso si, en el caso de archivos PHP )u otros que necesitaran de su interpreteintérprete) éstos dejarianestos dejarían de funcionar porque el sistema de archivos no es un servidor web con su interpreteintérprete de PHP, y los veriaisveríais mal igualmente con o sin referencias relativas.

también nos va a funcionar. Daros cuenta que ya no hay ni la barra inicial / que nos condicionaba que la ruta partiera de la raíz, ni tampoco las dos barras con el nombre de dominio //dominio.com que indicarian lo mismo pero vinculándolo además a un dominio concreto.

Un último caso a tener en cuenta seria este otro ejemplo, donde desde paginas/página1.html se quisiera llamar relativamente a cualquier otro archivo de la estructura situado más atras o en otro directorio.

Por ejemplo, de forma absoluta podriamos encontrarnos con esto dentro de paginas/pagina1.html:

Y seguramente funcionaria bien, pero no podriamos mover toda la estructura a otro lugar porque nos daria problemas en esa página.

En este caso la solución vuelven a ser enlaces relativos, que quedarian de este modo:

  1. Se han agregado dos puntos seguidos y una barra ../ que indican ir atras en la ruta de directorios (a diferencia de ./ que indica ir adelante desde el directorio actual). Se puede usar tantas veces como sea necesario, por ejemplo, si tuvieramos que ir dos directorios atras seria asi: ../../index.html, etc.

  2. En el enlace absoluto anterior habiamos usado <a href="/paginas/pagina2.html"> pero ahora usamos <a href="pagina2.html"> porque tanto pagina1.html como pagina2.html se encuentran en el mismo directorio, por lo tanto no hace falta ponerles rutas, se encuentran en el mismo nivel. De nuevo, podriamos haber puesto el enlace relativo de este modo: <a href="./pagina2.html"> (yo prefiero el otro, pues ambos funcionan igual).

Nota adicional: En este caso, al tratarse solo de archivos html, css, javascript y de imagen, tambien pueden ser abiertos desde un sistema de archivos directamente, y gracias a las referencias relativas, funcionar correctamente. La URL en estos casos empieza por file://. Eso si, en el caso de archivos PHP )u otros que necesitaran de su interprete) éstos dejarian de funcionar porque el sistema de archivos no es un servidor web con su interprete de PHP, y los veriais mal igualmente con o sin referencias relativas.

también nos va a funcionar. Daros cuenta de que ya no hay ni la barra inicial / que nos condicionaba que la ruta partiera de la raíz, ni tampoco las dos barras con el nombre de dominio //dominio.com que indicarían lo mismo pero vinculándolo además a un dominio concreto.

Un último caso a tener en cuenta sería el siguiente ejemplo, donde desde paginas/página1.html se quisiera llamar relativamente a cualquier otro archivo de la estructura situado más atrás o en otro directorio.

Por ejemplo, de forma absoluta podríamos encontrarnos con esto dentro de paginas/pagina1.html:

Y seguramente funcionaria bien, pero no podríamos mover toda la estructura a otro lugar porque nos daría problemas en esa página.

En este caso la solución vuelven a ser enlaces relativos, que quedarían de este modo:

  1. Se han agregado dos puntos seguidos y una barra ../ que indican ir atrás en la ruta de directorios (a diferencia de ./ que indica ir adelante desde el directorio actual). Se puede usar tantas veces como sea necesario, por ejemplo, si tuviéramos que ir dos directorios atrás seria así: ../../index.html, etc.

  2. En el enlace absoluto anterior habíamos usado <a href="/paginas/pagina2.html"> pero ahora usamos <a href="pagina2.html"> porque tanto pagina1.html como pagina2.html se encuentran en el mismo directorio, por lo tanto no hace falta ponerles rutas, se encuentran en el mismo nivel. De nuevo, podríamos haber puesto el enlace relativo de este modo: <a href="./pagina2.html"> (yo prefiero el otro, pues ambos funcionan igual).

Nota adicional: En este caso, al tratarse solo de archivos html, css, javascript y de imagen, también pueden ser abiertos desde un sistema de archivos directamente, y gracias a las referencias relativas, funcionar correctamente. La URL en estos casos empieza por file://. Eso si, en el caso de archivos PHP )u otros que necesitaran de su intérprete) estos dejarían de funcionar porque el sistema de archivos no es un servidor web con su intérprete de PHP, y los veríais mal igualmente con o sin referencias relativas.

se añadieron 4 caracteres en el cuerpo
Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28
Loading
se añadieron 531 caracteres en el cuerpo
Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28
Loading
Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28
Loading