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:
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.
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.