Enlaces a direcciones e-mail

Enlaces a direcciones e-mail

Si uno tiene una página web y desea que la persona que está visitándola tenga la facilidad de poder enviarnos un e-mail, se puede crear un enlace que abra el gestor de correo electrónico y abra un correo nuevo para redacción que estará dirigido a la dirección que especifiquemos en href. Esto se logra con la siguiente sintaxis:

<a href=”mailto:dirección de correo”>contenido</a>

En este ejemplo se esta creando un enlace a la dirección de correo: stlb@yahoo.com (ficticia).

mailto-1
Fragmento de documento HTML con enlace para enviar un e-mail.

La salida de la página web es como se muestra y aparece un enlace con el texto: Enviar comentarios en color y subrayada.

mailto-2
Salida del navegador con enlace a e-mail.

Al hacer clic en el texto de enlace abre el gestor de correo electrónico. Nos pregunta: ¿Desea permitir este sitio web para abrir un programa en el equipo?

mailto-3
Por seguridad nos pregunta si deseamos permitir que una página web abra un programa del equipo.

En caso de ser afirmativo hacemos clic en el botón de Permitir y abrirá un nuevo correo:

mailto-4
Nuevo correo dirigido a la dirección indicada en href.

Aquí se podrán escribir los comentarios y enviarlo.

Si deseamos que automaticamente coloque el asunto, debemos colocar un signo de interrogación (?) despues de la dirección de correo y luego el siguiente elemento subject=mensaje a colocar en asunto; elementos adicionales van enlazados con el simbolo de ampersand (&) y pueden incluir el cuerpo del mensaje (body) y con copia (cc). El cierre de las comillas va al final del ultimo elemento.

<a href=”mailto:stlb@yahoo.com?

subject=Enviar comentarios&

body=Message&

cc=anybody@gmail.com”> Enviar comentarios</a>

notar el atributo href con los diferentes elementos y los signos que se usan para introducir los diferentes elementos del e-mail.

Con estos valores del atributo href se obtiene el siguiente aspecto del correo:

 

mailto-5
Nuevo correo con los elementos: asunto (subject), mensaje (body) y con copia (cc)

 

 

 

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s