HTML - 邮件链接



HTML 邮件链接允许用户点击链接,自动打开其默认邮件客户端,并撰写一封新邮件到指定的邮箱地址。

这是通过在<a>(锚点)标签的 href 属性中使用 mailto: 协议实现的。

您还可以使用 mailto: 协议预定义邮件的主题和正文。这可以通过在邮箱地址后追加 ?subject= 和 &body= 来实现。主题和正文中的空格和特殊字符应进行 URL 编码。例如,空格编码为 %20。

语法

<a href= "mailto: [email protected]"> [email protected] </a>

HTML 邮件链接示例

以下是一些示例,说明了 HTML 邮件链接的使用方法:

使用 href 创建邮件链接

以下 HTML 代码演示了如何使用 <a> 标签的 href 属性创建邮件链接。

<!DOCTYPE html>
<html>

<body>
   <p>
      Creating an HTML Email Link
   </p>
   <a href= "mailto: [email protected]"> 
      Click to Send Mail
   </a>
</body>

</html>

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

HTML 还允许指定默认的邮件主题以及邮件正文和邮箱地址,使其更具体。

<!DOCTYPE html>
<html>

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

</html>

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

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

<!DOCTYPE html>
<html>

<body>
   <p>
      Creating an HTML Email Link
   </p>
   <a href= "mailto: [email protected] [email protected] &[email protected] >
      Send email with cc and bcc
   </a>
</body>

</html>

多个收件人的邮件链接

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

<!DOCTYPE html>
<html>

<body>
   <p>
      Creating an HTML Email Link
   </p>
   <a href="mailto:[email protected], [email protected]">
      Send email to multiple recipients
   </a>
</body>

</html>

安全问题

在您的网页中添加 HTML 邮件链接很简单,但它可能会将您的邮箱地址暴露给垃圾邮件。称为邮件收集器的自动化程序可以扫描网页以查找邮箱地址并将它们添加到垃圾邮件列表中。这可能会导致不需要的邮件数量显著增加。

广告