mailto 链接允许用户使用用户的默认电子邮件客户端直接从网站发送电子邮件。但是如何在 HTML 中创建 mailto 链接呢?

在本文中,我将通过示例代码带你了解如何在 HTML 中创建 mailto 链接。

基本的 mailto 链接语法

以下是 mailto 链接的基本语法:

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

在浏览器中,用户可以单击链接,它将打开他们的默认电子邮件客户端。

在此示例中,当我单击链接时,它会打开我的邮件应用程序,并且电子邮件地址已填充到收件人字段 to 中。

Screen-Shot-2021-11-14-at-12.07.32-AM
Screen-Shot-2021-11-14-at-12.05.15-AM

使用这种方法,我可以快速发送电子邮件并返回网站。

如何将多个电子邮件地址添加到 mailto 链接

你可以使用以下语法将多个电子邮件地址添加到 mailto 链接:

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

使用逗号分隔多个电子邮件地址很重要。

当我点击浏览器中的链接时,它会打开 Mail 应用程序并在 to 字段中填充电子邮件地址。

Screen-Shot-2021-11-14-at-12.18.17-AM
Screen-Shot-2021-11-14-at-12.18.42-AM

如何向 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 参数分开。如果省略那个 ?,则主题链接将不起作用。

Screen-Shot-2021-11-14-at-12.32.41-AM
Screen-Shot-2021-11-14-at-12.34.08-AM

如何将 CC 和 BCC 添加到 mailto 链接

这是一个示例,向你展示如何将 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 参数分开。你还需要在 BCCsubject 参数之前添加 &

Screen-Shot-2021-11-14-at-12.44.29-AM
Screen-Shot-2021-11-14-at-12.45.03-AM

如何在 mailto 链接中添加 body 参数

这是一个示例,向你展示如何将 body 参数与 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 &body=this is an article on how to use the mailto link">
    Using the body parameter
</a>

你需要在 body 参数之前添加 &

Screen-Shot-2021-11-14-at-12.57.00-AM
Screen-Shot-2021-11-14-at-12.57.17-AM

使用 mailto 链接有什么缺点吗

使用 mailto 链接的缺点之一是它经常被用户视为垃圾邮件。不幸的是,许多垃圾邮件发送者会使用此选项向用户发送电子邮件。所以在你使用它的时候记住这一点。

使用 mailto 链接的优点

使用 mailto 链接的一个很好的理由是,如果你要向认识的一群人发送电子邮件。如果整个组都使用默认电子邮件客户端,那么相比联系表单,使用 mailto 链接将是一个不错的选择。

原文:Mailto Link – How to Make an HTML Email Link [Example Code],作者:Jessica Wilkins