Enlaces de Mailto HTML5

Básico

Abra el programa de correo predeterminado, cree un nuevo mensaje con el campo TO ya completado.

<a href="mailto:someone@yoursite.com">Email Us</a>

Agregar un asunto

Abra el programa de correo predeterminado, cree un mensaje nuevo con los campos PARA y ASUNTO ya llenos. Básicamente, estamos agregando el parámetro sujeto al valor href.

Los espacios en el tema probablemente funcionarán bien, pero para estar más seguro, puede reemplazar los espacios con «% 20».

<a href="mailto:someone@yoursite.com?subject=Mail from Our Site">Email Us</a>

Agregar CC y BCC

Abra el programa de correo predeterminado, cree un nuevo mensaje con los campos PARA, ASUNTO, CC y CCO ya llenos. Básicamente, estamos agregando los parámetros cc y bcc al valor href.

También tenga en cuenta que agrega varios valores a CC y BCC separándolos con comas.

<a href="mailto:someone@yoursite.com?cc=someoneelse@theirsite.com, another@thatsite.com, me@mysite.com&bcc=lastperson@theirsite.com&subject=Big%20News">Email Us</a>

Agregar texto al cuerpo

Simplemente agregue el parámetro body a la lista cada vez mayor de parámetros que estamos usando.

<a href="mailto:someone@yoursite.com?cc=someoneelse@theirsite.com, another@thatsite.com, me@mysite.com&bcc=lastperson@theirsite.com&subject=Big%20News&body=Body-goes-here">Email Us</a>

Demostración

See the Pen mailto links by CSS-Tricks (@css-tricks) on CodePen.