Blog sobre programación, tecnología, humor y un poco más…
Nov
07
13

Rutas relativas y absolutas

Por: DarkPaladin

Es muy fácil entender como trabajan las rutas, ya sean absolutas o relativas.
Las rutas absolutas no tienen mucha ciencia, es tan solo la ruta completa de algún objeto, como por ejemplo la ruta absoluta de este blog es "http://www.dpaladin.com/".

Cuando tratamos de acceder a un archivo en nuestro servidor es muy fácil escribir la ruta completa, por ejemplo, digamos que tengo una imagen alojada en mi servidor y se encuentra en la dirección "http://www..dpaladin.com/imagen/a.gif", si la quisiera mostrar en una pagina el código seria así:

HTML:
  1. <img src="http://www.dpaladin.com/imagen/a.gif" />

Muy largo no XD.

Ahora si quisiéramos acortar este código y la ruta, entonces debemos usar una ruta relativa a nuestra pagina; una ruta relativa se refiere a la ruta en que se encuentra un archivo con respecto a la ruta desde donde se quiere acceder a ese archivo. Esto es: si queremos mostrar la imagen anterior con una ruta relativa, entonces la ruta seria "imagen/a.gif", que es la ruta de la imagen con respecto a la de la pagina que esta llamando al archivo, entonces el código seria:

HTML:
  1. <img src="imagen/a.gif" />

Otro ejemplo: si la imagen estuviera en la dirección "http://www.miweb.com/imagenes/a.jpg" y la pagina que llama a la imagen esta en "http://www.miweb.com/imagenes/imagen.php", entonces la ruta relativa de la imagen con respecto a el script será solamente"a.jpg" ya que ambos archivos comparten la misma ruta.

Por ultimo, que tal si la imagen no estuviera en la ruta de donde se le llama y estuviera en una carpeta aparte, por ejemplo, que la imagen este en "http://www.miweb.com/imagenes/a.jpg" y el script en "http://www.miweb.com/scripts/index.php" entonces debemos usar "../" tantas veces como carpetas deseemos regresar, la ruta sería: "../imagenes/a.jpg". Veámoslo mas detallado:

Tenemos un archivo php en: "http://www.miweb.com/scripts/index.php" y este desea llamar a varias imágenes:

Ruta de imagen absoluta Ruta relativa con respecto al script
"http://www.miweb.com/imagenes/a.jpg" "../imagenes/a.jpg"
"http://www.miweb.com/b.jpg" "../b.jpg"
"http://www.miweb.com/imagenes/jpg/c.jpg" "../imagenes/jpg/c.jpg"
"http://www.miweb.com/scripts/d.jpg" "d.jpg"
"http://www.miweb.com/scripts/imagenes/e.jpg" "imagenes/e.jpg"
"http://www.miweb.com/scripts/imagenes/jpg/e.jpg" "imagenes/jpg/e.jpg"

Es todo, espero que hayan comprendido, si no, comentenlo aqui ;).

Valid XHTML 1.0 Strict



Trackback URI | Comentarios RSS

Un comentario en “Rutas relativas y absolutas”

  • 1
    # Sajhu dijo:

    exelente tutorial para los que empiesen en html. por sierto ese efecto en la ultima tabla que se pone el fondo en verde, podrias pasarme el js?

    Gravatar de Sajhu
    Jun
    08
    24
    10:28AM


Deja tu comentario

XHTML: Puedes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


Diseño completamente por DarkPaladin. 2008 Todos los derechos reservados.
Creative Commons License
dpaladin theme by Francisco Javier is licensed under a Creative Commons Atribución-No comercial-No Derivadas 2.5 México License.

Valid XHTML 1.0 Strict ¡CSS Válido!