HTML mailto 链接属性完全指南

文章目录

很多人都用过 HTML mailto 链接做过交互。当我们点击 mailto 链接时,这个链接会激活用户计算机上的默认电子邮件客户端来发送电子邮件,我们可以通过在链接中添加参数实现默认填写电子邮件的标题和内容。

HTML 中的 mailto 链接是什么?

mailto 链接用于将用户重定向到电子邮件地址而不是链接。当用户点击 mailto 链接时,用户计算机上的默认电子邮件客户端会打开,并建议向 mailto 链接中包含的地址发送电子邮件。

如何在 HTML 中创建 mailto 链接?

可以通过使用带有 href 属性的锚标签并在其后插入“mailto”参数来创建 HTML mailto 链接。

<a href="mailto:admin@baidu.com">发送邮件</a>

示例代码将生成以下链接:

发送电子邮件

点击上面的链接将打开一个新的邮件窗口。

html-mailto

如果想向多个地址发送电子邮件,请用逗号分隔电子邮件地址。

<a href="mailto:admin@baidu.com, support@baidu.com">发送邮件</a>

HTML mailto 链接参数

mailto 属性接受七个参数,如下所述:

  1. mailto:此参数指定收件人的电子邮件地址。
  2. cc:此参数用于添加将接收邮件抄送的另一个电子邮件地址。它是可选的。
  3. bcc:此参数指定将接收邮件暗抄送的另一个电子邮件。它是可选的。
  4. subject:此参数用于填写邮件的主题。它是可选的。
  5. body:此参数用于填写邮件的内容。它是可选的。
  6. ?:此参数是第一个参数分隔符。它是可选的。
  7. @:这保持其他参数分隔符。它是可选的。
<a
  href="mailto:admin@baidu.com?
  cc=support@baidu.com&
  bcc=kfc@baidu.com&
  subject=邮件标题&
  body=邮件内容"
>
  发送邮件
</a>

HTML mailto 链接参数


也可以看看