Creating Advanced XHTML Email Links: Include Subject, CC, BCC, and Email Body

By  on  

Creating email links is a piece of cake, right? It's as simple as:

<a href="mailto:live@wembley.com">Email Oasis</a>

Everyone knows this. Did you know, however, that you can include subject, CC, BCC, and email body text information in the link as well? Using a querystring-like syntax, you can do more with that simple link.

<a href="mailto:live@wembley.com">Email Oasis</a>

<!-- add the subject -->
<a href="mailto:live@wembley.com?Subject=Your Next Show">Email Oasis</a>

<!-- add the cc's and bcc's -->
<a href="mailto:live@wembley.com?Subject=Your Next Show&CC=johnl@beatles.com&BCC=paulm@wings.com">Email Oasis</a>

<!-- add some default body text -->
<a href="mailto:live@wembley.com?Subject=Your Next Show&CC=johnl@beatles.com&BCC=paulm@wings.com&Body=I can't wait for the next show!">Email Oasis</a>

Remember that simply placing email addresses on a page without encoding them first is like simply emailing spammers your email address. Encode your email addresses!

Recent Features

  • By
    Vibration API

    Many of the new APIs provided to us by browser vendors are more targeted toward the mobile user than the desktop user.  One of those simple APIs the Vibration API.  The Vibration API allows developers to direct the device, using JavaScript, to vibrate in...

  • By
    How I Stopped WordPress Comment Spam

    I love almost every part of being a tech blogger:  learning, preaching, bantering, researching.  The one part about blogging that I absolutely loathe:  dealing with SPAM comments.  For the past two years, my blog has registered 8,000+ SPAM comments per day.  PER DAY.  Bloating my database...

Incredible Demos

  • By
    Multiple Backgrounds with CSS

    Anyone that's been in the web development industry for 5+ years knows that there are certain features that we should have had several years ago. One of those features is the HTML5 placeholder; we used JavaScript shims for a decade before placeholder came...

  • By
    Highlighter: A MooTools Search &#038; Highlight Plugin

    Searching within the page is a major browser functionality, but what if we could code a search box in JavaScript that would do the same thing? I set out to do that using MooTools and ended up with a pretty decent solution. The MooTools JavaScript Class The...

Discussion

  1. Your post here saved me some time at work, so thanks. I can just never remember if its PHP or URL encoding that is choosy about how CC is written (cc, CC, or Cc).

  2. garrobo

    George,

    I need help on getting a comment system like the one I’m writing on, my question to you is how to get it to my website is there a code that I need to download or do I need to purchase it let me know
    I’m in love with it. thanks

  3. I’d like to thank you, for this tutorial, as a newbie in xhtml, its a lot of thing i never know before, thanks for this ‘mailing’ tutorial. Im sorry for this bad english

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!