Direcciones Absolutas y Relativas

Direcciones absolutas

Una dirección absoluta es aquella que incluye toda la ruta hasta el archivo, incluido el protocolo http. Por ejemplo http://www.aulaclic.es/illustratorcs3/graficos/ej_homer_final.gif, o http://www.aulaclic.es/index.htm. Esta dirección es válida siempre que no cambie la ubicación del archivo que referenciemos.
Utilizaremos direcciones absolutas siempre que queramos referenciar archivos que no estén en nuestro sitio.
 

Direcciones relativas

Una dirección relativa es aquella que se expresa a partir de una ubicación conocida, dentro de un mismo sitio.
Direcciones relativas a un archivo:
Por ejemplo, imaginemos que tenemos una página, en www.misitio.es/webs/pagina1.htm. Para referenciar a la página www.misitio.es/webs/pagina2.htm basta con escribir sólo pagina2.htm, ya que si no ponemos otra cosa, quiere decir que buscamos en la misma carpeta.
Si de la misma página, queremos referenciar al archivo www.misitio.es/webs/imagenes/imagen1.gif, escribimos la dirección a partir de la carpeta en la que nos encontramos, es decir, solo escribiríamos imagenes/imagen1.gif.
Si lo que queremos referenciar está en una carpeta de nivel superior, por ejemplo el archivo www.misitio.es/fondo.gif, utilizamos .. para subir de nivel. Por lo tanto escribiríamos ../fondo.gif.
Podemos combinar las dos formas para referenciar por ejemplo al archivo www.misitio.es/graficos/imagen1.gif, escribiendo ../graficos/imagen1.gif.

Direcciones relativas al sitio:
Otra opción es establecer una referencia relativa al sitio. Para hacerlo, comenzamos la referencia al archivo con el signo /, que indica que se empieza a buscar en la carpeta raíz del sitio.
Así, para referenciar al archivo www.misitio.es/webs/pagina1.htm, podemos emplear /webs/pagina1.htm. Y esto sería válido tanto si referenciamos el archivo desde la página www.misitio.es/webs/pagina2.htm como si lo hacemos desde www.misitio.es/paginas/personal/ventas/inicio.htm o de cualquier otra página dentro del sitio.
Un inconveniente de este tipo de direcciones relativas es que sólo funcionan si vemos la página utilizando un servidor, ya que si abrimos un archivo local, tomará como raíz del sitio la raíz de la unidad.
Las ventajas de las direcciones o referencias relativas son dos, la primera es que son más cortas y la segunda es que si cambiamos las páginas a otro dominio no hará falta modificarlas. Por ejemplo, si actualmente tienes un dominio compartido gratuito y te han asignado el subdomnio http://www.webgratis.com/pedro547, tus páginas tendrán la dirección http://www.webgratis.com/pedro547/tigres_siberianos.html, pero puedes usar referencias relativas y escribir sólo tigres_siberianos.html, si más adelante compras un dominio propio, por ejemplo, www.fieras.es, sólo tendrías que colocar tu página en el nuevo dominio (servidor) y tus enlaces funcionarían correctamente apuntando a http://www.fieras.es/tigres_siberianos.html.



-Las páginas web habituales suelen contener decenas de enlaces de diferentes tipos. La siguiente imagen muestra algunos de los tipos de enlaces de la página principal del sitio web www.thinkvitamin.com:

Figura 4.1 Ejemplo de diferentes tipos de enlaces en la página 456BereaStreet.com

En esa página, cuando se pincha sobre algunos enlaces, el navegador abandona el sitio web para acceder a páginas que se encuentran en otros sitios. Estos enlaces se conocen como "enlaces externos". Sin embargo, la mayoría de enlaces de un sitio web apuntan a páginas del propio sitio web, por lo que se denominan "enlaces internos".
Además de internos/externos, la otra característica que diferencia a los enlaces (y por tanto, también a las URL) es si el enlace es absoluto o relativo. Las URL absolutas incluyen todas las partes de la URL (protocolo, servidor y ruta) por lo que no se necesita más información para obtener el recurso enlazado.
Las URL relativas prescinden de algunas partes de las URL para hacerlas más breves. Como se trata de URL incompletas, es necesario disponer de información adicional para obtener el recurso enlazado. En concreto, para que una URL relativa sea útil es imprescindible conocer la URL del origen del enlace.
Las URL relativas se construyen a partir de las URL absolutas y prescinden de la parte del protocolo, del nombre del servidor e incluso de parte o toda la ruta del recurso enlazado. Aunque las URL relativas pueden ser difíciles de entender para los que comienzan con HTML, son tan útiles que todos los sitios web las utilizan.
Imagina que dispones de una página publicada en http://www.ejemplo.com/ruta1/ruta2/pagina1.html y quieres incluir en ella un enlace a otra página que se encuentra en http://www.ejemplo.com/ruta1/ruta2/pagina2.html. Como las URL identifican de forma única a los recursos de Internet y proporcionan la información necesaria para llegar hasta ellos, el enlace debería utilizar la URL completa de la segunda página.


Las URL completas también se llaman URL absolutas, ya que el navegador no necesita disponer de información adicional para localizar el recurso enlazado. Si se utilizan siempre las URL absolutas, los enlaces están completamente definidos.
Sin embargo, escribir siempre las URL completas es bastante aburrido, cuesta mucho tiempo y hace imposible cambiar la ubicación de los contenidos de un sitio web. Por ese motivo, casi todos los sitios web de Internet utilizan URL relativas siempre que es posible.

 

Una URL relativa es una versión abreviada de una URL absoluta. Su objetivo es eliminar todas las partes de la URL absoluta que se pueden adivinar a partir de la información de contexto de la página web. En otras palabras, las URL relativas aprovechan la inteligencia de los navegadores para crear URL incompletas que los navegadores pueden completar deduciendo la información que falta.
Considerando de nuevo el ejemplo anterior, la URL a la que se quiere enlazar utiliza el mismo protocolo y se encuentra en el mismo servidor que la página origen, por lo que la URL relativa puede prescindir de esas partes:

URL absoluta: http://www.ejemplo.com/ruta1/ruta2/pagina2.html
URL relativa: /ruta1/ruta2/pagina2.html

En el ejemplo anterior, las dos URL son equivalentes porque cuando no se indica el protocolo y el servidor de una URL, los navegadores suponen que son los mismos que los de la página origen. Por lo tanto, cuando el navegador encuentra la URL /ruta1/ruta2/pagina2.html, realiza el siguiente proceso:

1. La URL no es absoluta, por lo que se debe determinar la URL absoluta a partir de la URL relativa para poder cargar el recurso enlazado.
2. A la URL relativa le falta el protocolo y el servidor, por lo que se supone que son los mismos que los de la página origen (http:// y www.ejemplo.com).
3. Se añaden las partes que faltan a la URL relativa para obtener la URL absoluta: http:// + www.ejemplo.com + /ruta1/ruta2/pagina2.html = http://www.ejemplo.com/ruta1/ruta2/pagina2.html.

 


Aunque el ejemplo mostrado es el caso más sencillo de URL relativa, existen otros casos más avanzados en los que se prescinde de parte o toda la ruta del recurso que se enlaza.

LINK: http://www.aulaclic.es/paginas-web/b_2_4_2.htm

VIDEO DE DIRECCIONES ABSOLUTAS Y RELATIVAS :