如何在 HTML 中使用 mailto？

在 HTML 中，我们可以使用 mailto 链接来创建一个邮件发送的链接。通过 mailto 链接，用户可以点击链接后直接打开默认的邮件客户端，并自动填写收件人、主题和内容。

为了在 HTML 中使用 mailto，我们可以在链接的 href 属性中指定 "mailto:" 协议，后跟收件人的邮箱地址、主题和内容等信息。

下面是一些示例：

1. 最简单的 mailto 链接

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

上述代码会在页面上显示一个链接文本，点击链接后会打开默认的邮件客户端，并自动填写收件人为 example@example.com。

2. 包含主题和内容的 mailto 链接

可以在 mailto 链接中包含主题和内容，用 "subject" 和 "body" 参数来定义。值得注意的是，参数值需要使用 URL 编码。

<a href="mailto:example@example.com?subject=Hello&body=你好">发送带有主题和内容的邮件</a>

上述代码会在页面上显示一个链接文本，点击链接后会打开默认的邮件客户端，并自动填写收件人为 example@example.com，主题为 "Hello"，内容为 "你好"。

3. 包含多个收件人的 mailto 链接

可以在 mailto 链接中包含多个收件人，多个邮箱地址之间使用逗号进行分隔。

<a href="mailto:example1@example.com,example2@example.com">发送邮件给多个收件人</a>

上述代码会在页面上显示一个链接文本，点击链接后会打开默认的邮件客户端，并自动填写收件人为 example1@example.com 和 example2@example.com。

4. 使用变量来动态生成 mailto 链接

如果需要根据用户具体操作或表单输入来生成 mailto 链接，可以使用 JavaScript 来动态生成链接，并将其设置为 href 属性的值。

<a id="emailLink" href="">点击发送邮件</a>

<script>
  var emailLink = document.getElementById('emailLink');
  var recipient = 'example@example.com';
  var subject = 'Hello';
  var body = '你好';

  emailLink.href = 'mailto:' + recipient + '?subject=' + encodeURIComponent(subject) + '&body=' + encodeURIComponent(body);
</script>

上述代码中，我们首先创建了一个空链接文本，然后通过 JavaScript 获取该链接元素并设置 href 属性的值。可以根据需要，引入其他变量或用户输入来生成邮件内容。

希望以上信息能帮助到你，如果还有任何问题，请随时再联系我。