mailtoリンクの使い方を解説！HTMLでメールリンクを作成する方法【サンプルコード付き】

mailtoリンクを使うと、ユーザーはウェブサイトから直接、自分が使っているデフォルトのメールクライアントを起動してメールを送信できるようになります。では、HTMLでmailtoリンクはどのように作ればよいのでしょうか？

この記事では、サンプルコードとともに、HTMLでmailtoリンクを作成する方法をわかりやすく解説します。

mailtoリンクの基本構文

まずは、mailtoリンクの基本的な書き方を見てみましょう。

<a href="mailto:johndoe@fakeemail.com">Example mailto link</a>

ブラウザ上でこのリンクをクリックすると、ユーザーのデフォルトメールクライアントが起動します。

この例の場合、リンクをクリックするとメールアプリが開き、to（宛先）欄にあらかじめメールアドレスが入力された状態になります。

この方法なら、素早くメールを送信した後、そのままウェブサイトに戻ることができます。

mailtoリンクに複数のメールアドレスを指定する方法

mailtoリンクには、次のような構文で複数のメールアドレスを指定することもできます。

<a href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com">
    Multiple email addresses
</a>

重要なポイントとして、複数のメールアドレスを指定する場合は、必ずカンマ（,）で区切る必要があります。

ブラウザでこのリンクをクリックすると、メールアプリが起動し、to（宛先）欄にすべてのメールアドレスが入力されます。

mailtoリンクに件名（subject）を追加する方法

次に、mailtoリンクに件名を追加するサンプルコードを紹介します。

<a href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com?subject=this is how to use the mailto link">
    Using the subject parameter
</a>

メールアドレスの後ろに ? を付け、そこから subject パラメータを続けます。この ? を忘れると、件名が正しく反映されないので注意しましょう。

mailtoリンクにCCとBCCを追加する方法

CC（カーボンコピー）やBCC（ブラインドカーボンコピー）の受信者をmailtoリンクに追加する例です。

<a
    href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com?cc=jackdoe@fakeemail.com &bcc=jennydoe@fakeemail.com &subject=this is how to use the mailto link">
    Using the CC and BCC parameters
</a>

メールアドレスの後には ? を付けて cc パラメータと区切ります。さらに、bcc や subject の各パラメータの前には & を付ける必要があります。

mailtoリンクに本文（body）を追加する方法

次の例は、mailtoリンクで body パラメータを使用する方法です。これにより、メール本文にテキストを事前に入力しておくことができます。

<a
   href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com?cc=jackdoe@fakeemail.com &bcc=jennydoe@fakeemail.com &subject=this is how to use the mailto link &body=this is an article on how to use the mailto link">
    Using the body parameter
</a>

body パラメータの前にも & を付けてください。

mailtoリンクの注意点（デメリット）

mailtoリンクのデメリットの一つは、ユーザーによってスパムと誤認されやすいという点です。残念ながら、スパム業者がこの機能を使ってメールを送りつけるケースが多いため、利用する際にはその点を念頭に置いておきましょう。

mailtoリンクのメリット

mailtoリンクが有効なのは、たとえば知り合いのグループにメールを送るような場合です。グループ全員がデフォルトのメールクライアントを使っているのであれば、問い合わせフォームよりもmailtoリンクの方が良い選択肢になるでしょう。