Tipos de direcciones URL relativas en HTML

Al crear una página web, es importante que todos los hipervínculos, denotado por una etiqueta de "<A>", seleccione la ubicación adecuada. Una forma de hacer esto es utilizar enlaces absolutos, tal "http://www.mysite.com/mysite.htm", pero esto lo convierte en archivos HTML grandes y más complicadas. La mejor opción, siempre que sea posible, es utilizar enlaces relativos, ya que estos son más eficientes y facilitar mejor los cambios del sitio web.

Link relativo dentro de Páginas

enlaces de anclaje son los únicos que sólo pueden llevar a los usuarios a una parte diferente de la página Web actual. Cuando un usuario hace clic en un vínculo a un elemento dentro de una página Web, el navegador posiciona la ubicación de ese punto en la parte superior del área de visualización. Un uso común para este tipo de enlace es un "retorno a la parte superior" en la parte inferior de una gran parte del texto.

Usando link relativo dentro de Páginas

Con el fin de codificar un vínculo relativo dentro de una página, primero debe definir el destino con la etiqueta <A name="NAME">, donde "nombre" es cualquier etiqueta alfanumérica que elija. Esto no aparecerá en el sitio final. Después de definir la ubicación con nombre, a continuación, crea un enlace de serie con el <A HREF="#name">, en el que "#nombre" es en realidad la etiqueta que ha creado, precedido por el símbolo de almohadilla (#). Asegúrese de cerrar esta etiqueta con un </A> después de que el texto visible quieres que la gente a hacer clic en. Por ejemplo, un enlace que dice "Haga clic aquí para volver a la cima" y dirige a los usuarios al elemento llamado "superior" al hacer clic se vería así:

<A Href="#top"> Haga clic aquí para volver a la parte superior </A>

Vínculos relativos entre páginas

Los sitios web son típicamente hechos de múltiples archivos ".html" con vínculos entre ellos ".htm" o. Debido a que la mayoría de las páginas web se hicieron por primera vez en un equipo local, luego se suben a un servidor Web, no se puede depender de la vía de acceso absoluta a cada archivo restante de la misma. Dado que estos archivos se suelen permanecer en el mismo directorio que sí, se puede decir el link para buscar "en el directorio actual" para el archivo dado. De esta forma, el enlace funcionará sin importar dónde se carga el sitio, siempre y cuando el archivo vinculado se encuentra en el mismo directorio de archivos --- o en el mismo subdirectorio --- como el original.

Uso de enlaces relativos entre páginas

Es importante señalar que, a fin de que los vínculos relativos al trabajo, la página web debe ser capaz de encontrar el archivo vinculado en relación a la ubicación del archivo actual. Imaginemos dos archivos se cargan --- "first.htm" y "second.htm" --- a un camino en un servidor Web en "sitio web / miusuario / principal." Mientras tanto archivos "htm" están en la misma carpeta (... / principal), que pueden enlazarse entre sí listando el nombre del archivo en la parte HREF de la etiqueta <A>. Por ejemplo:

<A HREF="second.htm"> Este es un enlace al archivo "second.htm" </A>

<A HREF="first.htm"> Este es un enlace al archivo "first.htm" </A>

Es importante señalar que si un archivo está en un subdirectorio en relación con la imagen actual, una "./", deberían ser agregadas al principio de la relación para que el navegador sabe que es un sub-directorio relativo a la corriente directorio. Si un archivo en tercer lugar, third.htm, fue cargado en el directorio "web / miusuario / main / tercer" (un subdirectorio de los dos primeros, se le nota), a continuación, un enlace al archivo en first.htm haría parece:

<A HREF="./third/third.htm"> Este es un enlace a la "third.htm" </A> archivo

Por último, todos los enlaces dentro de la "third.htm", al archivo de "primera" o "second.htm" requeriría una "../" añadido al enlace, con el fin de decirle al navegador que el archivo es un directorio "arriba" desde la ubicación actual. Un enlace a "first.htm" dentro "third.htm" podría tener el siguiente aspecto:

<A HREF="../first.htm"> Este es un enlace al archivo "first.htm" </A>