Mailto Link – HTML メールリンクの作り方 [サンプルコード]

mailto リンクを使用すると、ユーザーはデフォルトの電子メール クライアントを使用して Web サイトから直接電子メールを送信できます。しかし、HTML で mailto リンクを作成するにはどうすればよいでしょうか?

この記事では、サンプル コードを使用して、HTML で mailto リンクを作成する方法について説明します。

基本的な mailto リンク構文

mailto リンクの基本的な構文は次のとおりです:

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

ブラウザで、ユーザーがリンクをクリックすると、デフォルトの電子メール クライアントが開きます。

この例では、リンクをクリックするとメール アプリが開き、電子メール アドレスは to に既に入力されています。 分野。

この方法を使用すると、簡単なメールを送信して Web サイトに戻ることができます。

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

次の構文を使用して、mailto リンクに複数の電子メール アドレスを追加できます:

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

複数の電子メール アドレスはコンマで区切ることが重要です。

ブラウザでリンクをクリックすると、Mail が開きます アプリを開き、to に電子メール アドレスを入力します。 フィールド。

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

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 リンクを使用することの欠点の 1 つは、ユーザーがスパムと見なすことが多いことです。残念ながら、多くのスパマーがこのオプションを使用してユーザーにメールを送信します.したがって、使用するときはそのことを覚えておいてください。

mailto リンクを使用する利点

mailto リンクを使用する正当な理由は、知っているグループにメールを送信する場合です。そのグループ全体がデフォルトのメール クライアントを使用している場合は、連絡フォームよりも mailto リンクを使用する方が適切です。