Guia: Como escribir los enlaces mailto en puro HTML

El mailto: Enlace HTML de correo electrónico para enviar emails, qué es, cómo crearlo, ejemplos y generador de código.

by Luigi Nori Date: 23-10-2020 email html5

¿Qué es el enlace mailto

El enlace Mailto es un tipo de enlace HTML que activa el cliente de correo predeterminado en el ordenador para enviar un correo electrónico.

El navegador web requiere un software de cliente de correo electrónico predeterminado instalado en tu ordenadorpara activar el cliente de correo electrónico.

Si tienes Microsoft Outlook, por ejemplo, como cliente de correo predeterminado, al pulsar un enlace mailto se abrirá una nueva ventana de correo.

Cómo crear un enlace mailto en HTML

El enlace mailto se escribe como un enlace regular con parámetros extra dentro del atributo href:

<a href="mailto:[email protected]">Texto Link</a>
Parametro Descripción
mailto:[email protected] dirección del destinatario del correo electrónico
cc=[email protected] copia carbón de la dirección de correo electrónico
bcc=[email protected] copia oculta de la dirección de correo electrónico
subject=texto asunto asunto del correo electrónico
body=texto cuerpo cuerpo del correo electrónico
? primer delimitador de parámetros
& otros parámetros delimitadores

Ejemplos de mailto

Correo a la dirección de correo electrónico

<a href="mailto:[email protected]">Envio email</a>

El código generará este enlace:

Envio email

Al pulsar el enlace anterior se abrirá una nueva ventana de correo en el cliente instalado de default en el propio ordenador

 

Envío a la dirección de correo electrónico con asunto

<a href="mailto:[email protected]?subject=El%20asunto%20del%20mail">Envio email con asunto</a>

El %20 representa el carácter de espacio.

El código generará este enlace:

Envio email con asunto

Al pulsar el enlace anterior se abrirá una nueva ventana de correo en el cliente instalado de default en el propio ordenador 

Envío a la dirección de correo electrónico con cc, bcc, asunto y cuerpo

<a href="mailto:[email protected][email protected]&[email protected]&subject=El%20asunto%20del%20mail&body=El%20cuerpo%20del%20email">Envio email con cc, bcc, asunto y cuerpo</a>

El %20 representa el carácter de espacio.

El código generará este enlace:

Envio email con cc, bcc, asunto y cuerpo

Al pulsar el enlace anterior se abrirá una nueva ventana de correo en el cliente instalado de default en el propio ordenador

 

Cómo añadir espacios en el asunto o el cuerpo del correo

Puedes añadir espacios escribiendo %20 en el texto del sujeto o del cuerpo.

<a href="mailto:[email protected]?subject=El%20asunto&body=Este%20es%20un%20mensaje%20body">Envio email</a>

Cómo añadir un salto de línea en el cuerpo del correo

Puedes añadir una nueva línea escribiendo %0D%0A en el texto del cuerpo.

<a href="mailto:[email protected]?body=Linea1-texto%0D%0ALinea2-texto">Envio email</a>

Cómo añadir varios destinatarios de correo electrónico

Puedes añadir varios destinatarios escribiendo un separador de coma (,) entre las direcciones de correo electrónico.

<a href="mailto:[email protected],[email protected]">Envio email</a>
 
by Luigi Nori Date: 23-10-2020 email html5 visitas : 3919  
 
Luigi Nori

Luigi Nori

He has been working on the Internet since 1994 (practically a mummy), specializing in Web technologies makes his customers happy by juggling large scale and high availability applications, php and js frameworks, web design, data exchange, security, e-commerce, database and server administration, ethical hacking. He happily lives with @salvietta150x40, in his (little) free time he tries to tame a little wild dwarf with a passion for stars.

 
 
 

Artículos relacionados

Como configurar de forma correcta DMARC en DNS para enviar emails desde tu servidor

Para activar la política de autenticación de mensajes, registro y conformidad basado en dominio (DMARC), añade una política DMARC a los registros DNS de tu dominio. Esta política funciona con…

Que son y como funcionan los DNS

La mayoría de nosotros estamos muy familiarizados con el DNS osea el Domain Name System. El DNS puede ser pensado como un registro de asistencia de varios sitios web presentes…