 Estás en: HTML» Trucos » Rutas
Trucos y preguntas frecuentes sobre diseño en HTML
¿Cómo se indican correctamente las rutas o paths a nuestros archivos ?
Una de las primeras cosas que deberíamos tener en cuenta cuando creamos un sitio web es el orden. Por esta razón es más que recomendable organizar todos nuestros temas en carpetas y subcarpetas. El problema que surge entonces es que debemos ser sumamente cuidadosos cuando queramo enlazar nuestros documentos. Deberemos indicar sin errores la ruta o path a seguir o nos desesperaremos, puesto que el más mínimo fallo hará que no se abra el documento.
Para explicar el método, se utilizan los conceptos de ruta relativa y ruta absoluta pero en nuestro caso vamos a obviarlos pues añaden más complejidad al asunto. Veamos qué hacer con cuatro casos prácticos que espero os ayuden.
Ruta 1-
Tenemos dos documentos: Documento A y Documento B. Ambos están en la misma carpeta (esto es importante). Queremos enlazar el Documento A con el Documento B. Escribiremos lo siguiente en nuestro enlace:
<a href="Documento B.html">Ir al documento B</a>
Como están en la misma carpeta no es necesario indicar nada más que el nombre del documento.
Ruta 2:
Observa la imagen. El Documento A esta en una carpeta al mismo nivel que una subcarpeta que contiene el documento B. Si queremos enlazar desde el documento A con el B, necesitaremos "entrar" en la subcarpeta. Para ello hay que indicar el nombre de esta subcarpeta y a continuación el nombre del Documento B.
<a href="Subcarpeta 1/Documento B.html">
Ir al documento B</a>
Por cada carpeta en la que tengamos que "entrar" para llegar a nuestro documento es absolutamente necesario utilizar "/" seguido del nombre de la carpeta.
Por ejemplo: carpeta 1/subcarpeta 1/documento.html
Ruta 3.
Ahora queremos enlazar desde el Documento B con el Documento A. Tendremos que "salir" hasta un nivel superior. Usaremos para ello "../"
<a href="../Documento A.html ">Ir al documento A</a>
Es necesario indicar "../" por cada carpeta de la que se "sale" a un nivel superior. No es necesario indicar los nombres de las carpetas. Así, si tuviéramos que salir dos veces escribiríamos: ../../Documento.A
Ruta 4.
El Documento A está en la Carpeta 1 y el Documento B está en la Carpeta 2 (ver gráfico) . Si queremos enlazar desde el Documento A con el Documento B, primero tendremos que "salir" de la Carpeta 1 (esto se indicaría sencillamente con ../ como hemos visto en el ejemplo anterior), y luego "entrar" en la Carpeta 2 (esto se indica con /Carpeta 2) para "enlazar" finalmente con el Documento B.
<a href="../Carpeta 2/Documento B.html ">Ir al documento B</a>
| 
