Guia: Como escribir los enlaces mailto en puro HTML

Guia: Como escribir los enlaces mailto en puro HTML

¿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:

Texto Link
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

Envio email

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

Envio email con asunto

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

Envio email con cc, bcc, asunto y cuerpo

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.

Envio email

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.

Envio email

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.

Envio email