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
    CSS Animations Between Media Queries

    CSS animations are right up there with sliced bread. CSS animations are efficient because they can be hardware accelerated, they require no JavaScript overhead, and they are composed of very little CSS code. Quite often we add CSS transforms to elements via CSS during...

  • By
    Creating Scrolling Parallax Effects with CSS

    Introduction For quite a long time now websites with the so called "parallax" effect have been really popular. In case you have not heard of this effect, it basically includes different layers of images that are moving in different directions or with different speed. This leads to a...

Incredible Demos

  • By
    AJAX For Evil:  Spyjax with jQuery

    Last year I wrote a popular post titled AJAX For Evil: Spyjax when I described a technique called "Spyjax": Spyjax, as I know it, is taking information from the user's computer for your own use — specifically their browsing habits. By using CSS and JavaScript, I...

  • By
    Create a Simple Dojo Accordion

    Let's be honest:  even though we all giggle about how cheap of a thrill JavaScript accordions have become on the web, they remain an effective, useful widget.  Lots of content, small amount of space.  Dojo's Dijit library provides an incredibly simply method by which you can...

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!