Enlaces locales

Los enlaces  HTML con otras páginas del mismo sitio web.

Como se ha comentado, un sitio web está formado de páginas interconexas. En el artículo anterior se vio como conectar diferentes secciones dentro de una misma página. Pues ahora queda estudiar la forma de relacionar los diferentes documentos HTML que arreglan vuestro sitio web.

Para elaborar este tipo de enlaces, se ha de hacer una etiqueta de la siguiente manera:

<a href=”archivo.html”>contenido</a>

Por norma usual, para una mejor organización, los sitios pueden estar sistemáticos por directorios. Estos directorios revistan el poseer distintas secciones de la página, imágenes, sonidos, etc. Es por eso que en muchos asuntos no os valdrá con detallar el nombre del archivo, sino que tendrán que puntualizar asimismo el directorio en el que vuestro archivo.html está alojado.

Si están trabajado con MS-DOS no poseeréis ningún inconveniente para entender el modo de trabajo. Tan solo hay que tener cuidado en manejar la barra “/” en lugar de la contrabarra “”.

Para esas personas que no saben cómo enseñar un camino de un archivo, aquí van una serie de conjeturas que os auxiliaran a entender la manera de plasmarlos. No es tan complejo en absoluto y con un poco de práctica lo haréis experimentadamente sin pensar.

  1. Deben de situarse mentalmente en el directorio en el que se halla la página con el enlace.
  2. Si la página destino está en un directorio comprendido dentro del directorio en el que os hallarán, se ha de marcar el camino enumerando cada uno de los directorios por los que se pasa hasta llegar al archivo y separándolos por el símbolo barra “/”. Al final es obvio, se redacta el archivo.
  3. Si la página destino se halla en un directorio que añade el de la página con el enlace, se ha de redactar dos puntos y una barra “../” tantas veces como niveles se suba en la arborescencia hasta dar con el directorio donde está ubicado el archivo destino.

Si la página se halla en otro directorio no añadido ni incluyente del archivo origen, se tendrá que subir como en la norma 3 por medio de “..” hasta hallar un directorio que abarque el directorio que posee a la página destino. Seguidamente se hará como en la norma 2. Se redactará todos los directorios por los que se pasa hasta llegar al archivo.

 


Ejemplo:

Para purgar este punto se puede realizar un ejemplo a partir de la estructura de directorios de la imagen.

Para realizar un enlace desde index.html hacia yyy.html:

  • <a href=”seccion1/paginas/yyy.html”>contenido</a>

Para realizar un enlace desde xxx.html hacia yyy.html:

  • <a href=”../seccion1/paginas/yyy.html”>contenido</a>

Para realizar un enlace desde yyy.html hacia xxx.html:

  • <a href=”../../seccion2/xxx.html”>contenido</a>

Los enlaces locales pueden al mismo tiempo, señalar ya no a la página en usual sino más definidamente a una sección en específico. Este tipo de enlaces trascienden a ser un híbrido de interno y local. La sintaxis es de este tipo:

  • <a href=”archivo.html#seccion”>contenido</a>

Así para los enlaces internos, en este caso se ha de marcar la sección con otro enlace del tipo:

  • <a name=”seccion”></a>