Enlaces propios a nuestras páginas o archivos dentro de nuestro dominio.

Habíamos dicho que existen 4 tipos de enlaces. En el ejemplo del capítulo anterior el enlace propuesto sería de tipo hacia una página web externa, ya que la página de Google no pertenece a nuestro sitio, o mejor dicho a nuestro dominio de Internet. De la misma manera se puede crear un enlace a una página web o archivo que está dentro de nuestro sitio o dominio de Internet.

|| Ejemplo de enlace hacia una página web nuestra.

<A href="miprimerapagina.html" target="_blank">
Visitar enlace a nuestra página web
</A>

Dentro de la etiqueta vemos un atributo nuevo, el atributo target. Este atributo nos permite controlar dónde se va a cargar el enlace de llegada al hacer clic sobre el enlace de partida.
En este caso el valor que toma este atributo es "_blank", con esto el enlace se cargará en una nueva ventana diferente a la que contiene el enlace de partida.

Estos son los diferentes valores que puede tomar el atributo target:

• _blank - Carga el enlace en una ventana nueva.
• _parent - Se carga en la ventana original.
• _self - Se cargará en la misma ventana que estamos utilizando.
• _top - Se carga en una ventana superior.

El atributo target no es obligatorio ya que si no lo colocamos por defecto se usará el valor _self, es decir todo enlace se cargará en la misma ventana donde se encuentra el enlace de partida.
La mayoría de las veces solo se utiliza el valor _blank para abrir una ventana nueva.

Habíamos estudiado cómo escribir enlaces especificando el camino exacto de acceso al archivo deseado. Este método de direccionamiento se llama camino absoluto porque la URL, o sea el valor escrito en el atributo href, indica la URL completa donde se encuentra guardado el archivo.

En el diseño de un sitio web, si sólo se referencian URL de documentos alojados en el mismo espacio de nuestro servidor (es decir el mismo dominio), es posible describir cada enlace a un nuevo URL en relación al URL donde se sitúa.
Este método de direccionamiento se llama camino relativo.

Si en un archivo HTML se describe un enlace a un archivo alojado en el mismo directorio, basta con indicar solo el nombre del archivo y no toda su URL completa. Si se describe un enlace hacia un archivo que está guardado en un subdirectorio habrá que describir el camino hacia estos directorios. La referencia a un archivo alojado en el directorio inmediatamente por encima se escribe como .. (dos puntos suspensivos).

El que haya trabajado con el sistema operativo DOS estará más familiarizado con este método de direccionamiento de archivos. Para el que no, proponemos los siguientes ejemplos:

|| Ejemplo para describir enlaces relativos.

IMPORTANTE: el método de enlace o camino relativo NO ES una regla, es decir que podemos, en cualquier caso, utilizar SIEMPRE el camino absoluto a nuestros archivos. Por otro lado el camino relativo solo es válido para ser utilizado en referencias a enlaces de nuestro sitio. NO podemos realizar un enlace relativo hacia un archivo que pertenece a otro dominio de Internet.

Tomemos el caso de este curso. Este documento que estás leyendo (enlaces-propios.php) está guardado en http://www.codigojavascript.com.ar/lenguaje-html/curso/. Si quisiéramos crear un enlace hacia el archivo listas.php podríamos utilizar una URL relativa ya que estos dos archivos están guardados en el mismo dominio, es decir, pertenecen a la misma dirección de Internet.

El ejemplo para crear este enlace de este tipo sería el siguiente:

<A href="listas.php" target="_blank">
Visitar capítulo "Creando listas"
</A>

Como vemos no fue necesario especificar todo el URL, los dos archivos están guardados en el mismo directorio del dominio http://www.codigojavascript.com

Se puede dar el caso que necesitemos crear un enlace hacia un archivo que está guardado en otro directorio del dominio. Vemos el ejemplo:

<A href="ejemploscursohtml/miprimerapagina.html" target="_blank">
Visitar ejemplo "Mi primera página web"
</A>

Acá vemos que tampoco fue necesario incluir todo el URL ya que los dos archivos en cuestión están alojados en el mismo dominio, pero al estar en diferentes directorios tuvimos que especificar el directorio del archivo al cual queremos llegar mediante el enlace. El directorio ejemploscursohtml es un subdirectorio del directorio curso. Qué pasaría si quisiéramos crear un enlace desde este documento (enlaces-propios.php) hacia un archivo que está guardado en un directorio por encima del directorio curso.

El ejemplo quedaría de esta manera:

<A href="../imagenes/logo.gif" target="_blank">
Abrir archivo
</A>

De esta manera indicamos que se debe retroceder un nivel desde el directorio que aloja el archivo y entrar en el directorio imagenes para luego acceder al archivo enlazado (logo.gif). Podemos crear varios retrocesos de niveles de directorios, lo debemos indicar con .. (dos puntos suspensivos) por cada retroceso.

Recordemos que esto no es una regla, podemos crear nuestros enlaces propios con caminos absolutos, es decir escribiendo toda la URL del archivo a enlazar, aunque te recomiendo que apremdas este método ya que requiere menos escritura de código y en el caso que los archivos se muevan de dominio y se respete la estructura de directorios, las URL seguirán siendo válidas.