HTML: enlaces

Hipertexto

Ya vimos que con el hipertexto podemos leer un documento de una forma no-secuencial. El hipertexto está compuesto por:

• Nodos o secciones, que es la parte del hipertexto que contiene información accesible para los usuarios, las páginas web.
• Enlaces o hipervínculos, son las uniones, relaciones o vínculos entre los nodos. Es decir son los caminos o puentes que se construyen y que nos permiten saltar entre una página web y otra.
• Anclajes, son los puntos de activación de los enlaces.

Enlaces

Los enlaces intra-documentales son aquellos que hacen referencia a un punto dentro de la página que lo contiene.

Los enlaces extra-documentales son aquellos que hacen referencia a otra página html o a un punto de otra página html.

La etiqueta que se utiliza en HTML para definir los enlaces es <a href="#nombre">enlace</a>.

En la página se muestra el texto "enlace" y es el punto activo que el usuario debe seleccionar para activarlo e ir al destino especificado.

En el atributo href se especifica el destino del enlace, que puede ser una página externa o un punto interno dentro del documento actual.

Para definir el punto específico de un enlace intra-documento tenemos:

• Con el atributo "name" en la etiqueta "<a>": <a name="nombre">texto</a>. Donde "nombre" es el mismo valor utilizado en el atributo "href"
• Con el atributo "id" en cualquiera de las etiquetas HTML:
• <h1 id="nombre">...</h1>
• <p id="nombre">...</p>

En una página web se pueden definir varios enlaces hacia un mismo destino. Lo que no se puede hacer es crear varios destinos con el mismo nombre.

Los enlaces extra-documentales tienen la forma <a href="url">enlace</a>. Donde "url" es la ruta completa de la página web.

La URL es la forma estándar de acceder a un archivo o recurso en la web. Recordemos la sintaxis de una url:

<servicio>://<usuario>:<contraseña>@<host>:puerto/<ruta>/<recurso>

donde:

• <servicio>: es el protocolo usado
• <usuario> y <contraseña>: son las credenciales necesarias para acceder al <host>
• <host>: equipo al que se accede y donde reside el <recurso>
• <puerto>: canal donde se realiza la conexión
• <ruta>: ubicación del <recurso> en el <host>
• <recurso>: archivo o recurso al que se está accediendo

Ejemplos de url:

• http://idesweb.es/temario
• ftp://ftp.ua.es/pub/software/listado.txt
• mailto:pedro.perez@gmail.com

Sugerencias al definir un enlace:

• Escribir los nombres en minúsculas.
• Usar caracteres del alfabeto inglés, el guión "-" y el carácter subrayado "_".
• No almacenar paginas cuyos nombres incluyan espacios en blanco y menos usarlos en la definición de enlaces.
• No utilizar rutas físicas o que apunten a rutas locales de tu computador, ya que los enlaces fallaran cuando la página se publique en la web.

Para mayor información puede consultar el siguiente vídeo: