Vínculos en HTML
Tabla de contenidos
Vínculos de e-mail
La idea detrás de este tipo de vínculos no trata acerca de la alteración del elemento o de la utilización de uno nuevo. El secreto de los vínculos de e-mail es que existe un tipo particular de URI que ha sido especialmente diseñado para lacanzar recursos a través de la mensajería de Internet.
Entonces, la clave de este asunto está en cómo estas URIs son construidas. El formato más básico de URI de e-mail consiste en la cadena "mailto:" seguida por una lista de una o más direcciones de e-mail separadas por comas. El siguiente ejemplo utiliza esta estructura en una vínculo real.
<a href="mailto:webmaster@htmlquick.com">mándame un e-mail!</a>
La acción típica que los navegadores llevan a cabo cuando haces click en este vínculo es la de abrir la aplicación de e-mail predeterminada y componer un nuevo mensaje con la información provista por el vínculo. Pero cuando el sistema no posee un cliente de e-mail predeterminado, la activación de este vínculo no tiene consecuencias en absoluto.
También existe la posibilidad de proveer información adicional para completar otros campos en el e-mail compuesto, como Cc, Bcc, sujeto y cuerpo. Para incluir uno o más de estos campos en el link necesitas agregar, luego de la lista de direcciones de e-mail, un signo de interrogación ("?") y la ista de parámetros separados por un signo "&". Ahora, cada uno de estos parámetros también tienen una estructura específica, que consiste del nombre del parámetro (Cc, Bcc, subject, body) seguido por un símbolo igual ("=") y el valor.
Este parte se tornó un tanto complicada, así que usaremos el siguiente ejemplo para hacer todo esto más tangible. Allí, agregaremos al ejemplo anterior, una segunda dirección a campo Cc, un sujeto y un cuerpo.
<a href="mailto:webmaster@htmlquick.com?cc=archive@htmlquick.com&subject=Desde_la_web...&body=Pon_tu_mensaje_aqui...">mándame un e-mail!</a>
Podrías preguntarte por qué usamos guiones bajos ("_") en lugar de espacios en el ejemplo anteior. Esto se debe a que estamos escribiendo en un URI, y los URIs necesitan que algunos caracteres sean codificados (espacios, barras, signos de interrogación, etc). De modo que, en un esfuerzo por mantener las cosas simples, reemplazamos los espacios por guines bajos.
Peor antes de irnos, veamos cómo luce ese ejemplo anterior con los espacios codificados ("%20").
<a href="mailto:webmaster@htmlquick.com?cc=archive@htmlquick.com&subject=Desde%20la%20web...&body=Pon%20tu%20mensaje%20aquí...">mándame un e-mail!</a>
Complicado, ¿no?. Pero no te preocupes, te acostumbras con el tiempo.
El elemento link
Este tipo de vínculo es muy particular. Es utilizado para proveer información relacional acerca del documento entero, razón por la cual sólo es declarado en el encabezado del documento (head
).
Las muchas relaciones que este elemento puede establecer, dependen principalmente del valor del atributo rel
. En los casos más usuales define la estructura del sitio web (documento próximo o anterior), provee versiones alternativas del documento (para impresora, en otro lenguaje, etc.) y apunta a recursos externos con información de estilo para el documento.
El siguiente ejemplo muestra la sección de encabezado de un documento con la siguiente información relacional (en ese orden): un índice; los documentos siguiente y anterior en una secuencia; información sobre los derechos de copia del documento; una versión alternativa para impresión; una versión alternatica en inglés; y un recurso con información de estilo para ser aplicada en el documento.
<head>
<link rel="index" href="index.html" />
<link rel="prev" href="doc1.html" />
<link rel="next" href="doc3.html" />
<link rel="license" href="copyright.html" />
<link rel="alternate" media="print" href="doc2-impresora.html" />
<link rel="alternate" lang="en" href="en/doc2.html" />
<link type="text/css" href="estilos.css" media="screen" />
</head>