Rutas absolutas y relativas

En la entrada anterior hablábamos de que uno de los errores más frecuentes por los que nuestros enlaces no funcionaban o por los que las imágenes no se cargaban era porque denominábamos incorrectamente los ficheros que vamos a utilizar en Internet.
La segunda causa por la que nuestros enalces pueden fallar o nuestras imágenes no cargarse es la definición incorrecta de sus direcciones.
La dirección o U.R.L. está compuesta por el protocolo de Internet utilizado (http://); por el nombre del servidor (palmera.pntic.mec.es); por la ruta (/jmart210/index.htm) que se debe de seguir dentro del servidor para llegar al fichero que se debe de mostrar.
Un dirección de una página Web es absoluta cuando en ella indicamos el protocolo y el nombre del servidor. Por ejemplo: http://www.mentor.mec.es. Es la forma en la que escribiremos la dirección de aquellos enlaces cuyo destino esté situado fuera de nuestro sitio Web.
Ahora bien, si el destino del enlace está situado en el mismo sitio Web, podemos evitarnos escribir el nombre del protocolo y del servidor. El navegador al encontrarse un enlace en el que no se especifica el nombre del servidor, supone que se encuentra en la misma ruta que la última página cargada. Esta ruta en la que no aparecen los nombres de protocolo y servidor se denomina ruta relativa.
Si cargo mi página http://palmera.pntic.mec.es/jmart210/index.htm y en ella pulso un enlace cuya ruta es: ejercicios/practica1.htm, la dirección absoluta sería: http://palmera.pntic.mec.es/ejercicios/practica1.htm
Si mi página es http://palmera.pntic.mec.es/jmart210/index.htm y pulso un enlace cuya ruta es: pagina2.htm, la dirección absoluta sería : http://palmera.pntic.mec.es/pagina2.htm
Si pulsara un enlace cuya ruta fuese curso_htm/ejercicios/practica1.htm la dirección sería:
http://palmera.pntic.mec.es/curso_htm/ejercicios/practica1.htm
Si te fijas la ruta relativa indicada se añade a la dirección de la última página cargada, exceptuando el nombre del fichero.
En ocasiones la definición de las rutas relativas no es tan sencilla ( si utilizamos un editor de HTML éste las calcula por nosotros). Imagínate que he cargado la página, http://palmera.pntic.mec.es/curso_htm/ejercicios/practica1.htm y en ella voy a definir un enlace que me lleva a la página: http://palmera.pntic.mec.es/curso_htm/soluciones/sol1.htm. En este caso las rutas no coinciden exactamente por lo que si escribiera soluciones/sol1.htm, como en los casos anteriores la ruta no sería correcta porque se añadiría a la ruta indicada y me daría la siguiente dirección absoluta. http://palmera.pntic.mec.es/curso_htm/ejercicios/soluciones/sol1.htm que no es la correspondiente a la página deseada.
Para solucionar este problema vamos a recurrir al símbolo ../, éste indica al navegador que debe de subir un nivel en la estructura de carpetas, es decir , la carpeta activa es soluciones, si retrocede un nivel nos encontraremos en curso_htm y esta carpeta ya es común a las dos direcciones.
La ruta relativa correcta sería ../soluciones/sol1.htm. Mediante ../retrocedo un nivel y me colocaré en curso_htm y a continuación le añado la carpeta a la que debe de ir y el nombre del fichero a cargar.
Puedo utilizar todos los símbolos ../ que desee, por ejemplo ../../../practica 2.htm, indicaría que debo de subir tres niveles en la estructura de archivos y cargar el fichero practica2.htm