MakyHTML (11) - Los Hiperenlaces (II)

Cuando indicamos una dirección de página destino con un hiperenlace podemos utilizar nombres relativos. entendemos que los enlaces relativos son aquellos que se refieren al mismo servidor donde esté ubicada la página quele contiene. en el ejercicio de la lección anterior la página Indice del curso (portada.html) que hemos creado está ubicada en el servidor "www.miservidor.org" en el directorio "temarios", donde contiene cuatro hiperenlaces a páginas ubicadas enel mismo sitio que ella. Podríamos haberla escrito así:

Ejercicio 1: portada2.html

Si pulsamos con el ratón sobre el hiperenlace <a href="Photo.html">Photoshop</a> el navegador comprobará que el nombre de la página es relativo y entiende que ésta se encuentra ubicada en el mismo servidor y en el mismo directorio que la página portada2.html. Aquí, el navegador lo que hace es componer la dirección absoluta de Photo.html combinando la dirección del servidor más el directorio donde se encuentra portada2.html y, por último, el nombre de la página de destino:

"http://www.miservidor.org/temarios/Photo.html".

Si queremos ahcer referencia a páginas que se encuentren en otro servidor web u otro directorio debemos utilizar uno de estos dos métodos: o indicamos la dirección absoluta de las páginas o utilizamos la etiqueta <base>. Esta etiqueta nos va a permitir especificar la dirección del servidor web y el directorio que debe buscar el navegador para resolver direcciones relativas. La etiqueta <base> utiliza "href" para este cometido:

Este ejemplo, si lo tuvieramos en el servidor www.miservidor.org, directorio temarios y las páginas lenguaje.html , dream.html, Photo.html, draw.html en el servidor www.otroservidor.com en el directorio temarios podremos reescribir la página como sigue:

Si en este ejemplo pinchamos con el ratón sobre el hiperenlace <a href="photo.html">Photoshop</a> lo que hará el navegador será comprobar que el nombre de la página es relativo y como existe la etiqueta <base> compondrá la dirección absoluta photo.html combinando el valor asignado a href mas el nombre de la página destino:

"http://www.otroservidor.com/photo.html"

Enlaces a contenidos especiales

Ahora vamos a ver otra posibilidad de enlaces. Se trata de poder enlazar o crear hiperenlaces a ficheros con contenidos especiales. Si quisiéramos incluir un enlace a un fichero postscript lo haríamos del siguiente modo:

<a href = "fichero_postscript">Hiperenlace a ese fichero Postscript</a>

y cuando se pinchara a este hiperenlace el navegador buscará enla máquina cliente la existencia de algún visualizador de ficheros postscript cuyo resultado será:

Este tipo de hiperenlace es muy utilizado para enviar correo a un usuario determinado. el modo de hacerlo sería:

<a href = "mailto:usuario@direccion.dominio">Enviar correo-e a Fulanito</a>

de este modo, cuando se pinche en este hiperenlace el navegador buscará y llamará enla máquina del cliente la aplicación de correo electrónico y a la vez, incluye la dirección del destinatario, en nuestro caso: usuario@direccion.dominio.

MARCA	ATRIBUTOS
<A>	charset, name, href, target, rel, rev, acceskey, shape, coords, tabindex, class, id, style, title, lang, dir
<BASE>	href, target