HTML - Email Links

原创

admin 4个月前 (08-07) 阅读数 20 #HTML

HTML - Email Links

HTML邮件链接允许用户点击链接并自动打开其默认的电子邮件客户端，并已撰写新邮件发送到指定的电子邮件地址。

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

语法

以下HTML代码创建一个可点击的电子邮件链接，打开用户的默认电子邮件客户端以发送电子邮件到指定地址：

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

HTML邮件链接示例

以下是一些说明HTML邮件链接用法的示例：

使用href创建邮件链接

以下HTML代码说明了如何使用标签的href属性创建邮件链接。

<!DOCTYPE html>
<html>
<body>
   <p>
      创建HTML邮件链接
   </p>
   <a href="mailto: name@email.com"> 
      点击发送邮件
   </a>
</body>
</html>

在邮件链接中定义主题和正文

HTML还允许您指定默认的电子邮件主题以及电子邮件正文，以及电子邮件地址，使其更加具体。

<!DOCTYPE html>
<html>
<body>
   <p>
      创建HTML邮件链接
   </p>
   <a href="mailto:example@example.com?subject=Hello%20there&body=这是预定义的邮件正文。"> 
      点击此处发送邮件
   </a>
</body>
</html>

在邮件链接中定义抄送和密送

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

<!DOCTYPE html>
<html>
<body>
   <p>
      创建HTML邮件链接
   </p>
   <a href="mailto: name@email.com?cc=cc@example.com&bcc=bcc@example.com">
      发送带有抄送和密送的邮件
   </a>
</body>
</html>

多收件人的邮件链接

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

<!DOCTYPE html>
<html>
<body>
   <p>
      创建HTML邮件链接
   </p>
   <a href="mailto:recipient1@example.com, recipient2@example.com">
      发送邮件给多个收件人
   </a>
</body>
</html>