Html 简明教程

HTML - Email Links

HTML email links 允许用户单击链接并自动使用已编写好指定电子邮件地址的新邮件打开其默认电子邮件客户端。

这是使用锚定（anchor）标签的 href 属性中的 mailto: 协议来完成的。

也可以使用 mailto: 协议预定义电子邮件的主题和正文。这是通过在电子邮件地址后面附加 ?subject= 和 &body= 来完成的。主题和正文中的空格和特殊字符应进行 URL 编码。例如，空格会编码为 %20。

Syntax

<a href= "mailto: name@email.com"> name@email.com </a>

Examples HTML Email Links

以下是一些通过 HTML 邮件链接进行使用情况说明的示例，

Create Email link using href

以下 HTML 代码说明了如何使用 <a> 标记的 href 属性创建一个电子邮件链接。

<!DOCTYPE html>
<html>

<body>
   <p>
      Creating an HTML Email Link
   </p>
   <a href= "mailto: name@email.com">
      Click to Send Mail
   </a>
</body>

</html>

Define Subject and Body in Email Link

HTML 还允许指定一个默认的 email subject 以及 email body ，以及电子邮件地址以使其更具体。

<!DOCTYPE html>
<html>

<body>
   <p>
      Creating an HTML Email Link
   </p>
   <a href="mailto:example@example.com?subject=Hello%20there&body=This%20is%20a%20predefined%20email%20body.">
      Click here to Send Mail
   </a>
</body>

</html>

Define cc and bcc in Email Link

还可以使用 cc 和 bcc 参数来添加抄送和密送收件人，如下面的示例所示

<!DOCTYPE html>
<html>

<body>
   <p>
      Creating an HTML Email Link
   </p>
   <a href= "mailto: name@email.com ?cc=cc@example.com &bcc=bcc@example.com >
      Send email with cc and bcc
   </a>
</body>

</html>

Email Links for Multiple Recipients

也可以通过逗号分隔将多个收件人添加到电子邮件链接，如下面的 HTML 代码所示。

<!DOCTYPE html>
<html>

<body>
   <p>
      Creating an HTML Email Link
   </p>
   <a href="mailto:recipient1@example.com, recipient2@example.com">
      Send email to multiple recipients
   </a>
</body>

</html>

Security Concerns

在网页上添加 HTML 电子邮件链接非常简单，但可能将你的电子邮件地址暴露给垃圾邮件。称为电子邮件收集器的自动化程序可以扫描网页中的电子邮件地址，然后将它们添加到垃圾邮件列表中。这会导致不需要的邮件大幅增加。