Hay más de un tipo de dirección al programar en HTML5 y CSS3. Probablemente usted está familiarizado con referencias absolutas, utilizados para enlaces a páginas externas. Otro tipo de referencia - una referencia relativa - vincula varias páginas dentro de su propio sitio web.

Las referencias absolutas

El tipo de enlace utilizado en basicLinks.html es una referencia absoluta. Las referencias absolutas siempre comienzan con el nombre del protocolo. Una referencia absoluta es la dirección completa a una página web, del mismo modo que tendría que utilizar en la barra de direcciones del navegador. Las referencias absolutas se utilizan para referirse a un sitio en otro lugar en la Internet.

Incluso si su sitio web se mueve (por ejemplo, de su equipo de escritorio a un servidor web en cualquier sitio en la Internet), todas las referencias absolutas no tendrán ningún problema, ya que no se basan en la posición de la página actual para cualquier información.

Las referencias relativas

Las referencias relativas se utilizan cuando su sitio web incluye más de una página. Usted puede optar por tener varias páginas y un mecanismo articulado para mover entre ellos.

La página no es tan interesante por sí mismo, pero no tiene la intención de estar solo. Al hacer clic en uno de los enlaces, usted va a una página nueva. Esto es lo que sucede cuando se hace clic en el vínculo de mercado.

La página de mercado es bastante simple, pero también contiene un enlace a la página inicial. La mayoría de los sitios web no son páginas individuales en absoluto, sino una red interconectada de páginas. La referencia relativa es muy útil cuando se tiene un conjunto de páginas con enlaces entrelazados.

El código para pigs.html muestra cómo relativa trabajan referencias:

Destinos de Porcino Mamíferos
Este cerdito fue amercado
Este cerdito se quedócasa.
Este cerdito teníacarne asada
Este cerdito teníaninguno.
Este cerdito fue'wee wee wee'todo el camino a casa.

La mayor parte del código es completamente familiar. Lo único sorprendente es lo que hay no Ya está. Eche un vistazo más de cerca a uno de los enlaces:

 casa.

No hay protocolo (la parte) y no hay dirección en absoluto, sólo un nombre de archivo. Esto es un referencia relativa. Las referencias relativas trabajan al asumir la dirección de la página actual. Cuando el usuario hace clic, el navegador ve ningún protocolo, por lo que asume que market.html está en el mismo directorio en el mismo servidor que.

Las referencias relativas funcionan como direcciones. Por ejemplo, si estás en un laboratorio y preguntas dónde la fuente de agua es, alguien podría decir: " Ve por el pasillo, gire a la izquierda y girar a la izquierda otra vez al final de la próxima pasillo ". Esas direcciones se llega a la fuente de agua si se inicia en el lugar correcto. Si usted está en otra parte y usted sigue estas instrucciones, usted no encontrará la fuente de agua.

Las referencias relativas a funcionar bien cuando se tiene un montón de páginas web interconectadas. Si se crea una gran cantidad de páginas sobre el mismo tema y ponerlos en el mismo directorio, puede utilizar referencias relativas entre las páginas. Si decide pasar sus páginas a otro servidor, todos los enlaces siguen funcionando correctamente.

Es a menudo más conveniente para crear y modificar sus páginas en la máquina local y luego enviarlos al servidor web para que el mundo vea. Si utiliza referencias relativas, es fácil de mover un grupo de páginas juntas y conocer los vínculos seguirán funcionando.

Si se refiere a una página en el sitio de otra persona, usted tiene que utilizar una referencia absoluta. Si se une a otra página en su sitio, normalmente se utiliza una referencia relativa.