在 HTML 中创建电子邮件链接,可以让用户通过单击链接直接打开默认的邮件客户端并自动填充收件人地址、主题等信息。
效果示例:(点击下面的链接,将会跳转到Windows发送邮件界面,而且会自动填充内容和主题)
发送邮件
下面是创建电子邮件链接的详细步骤:
- 使用 a 标签创建链接。在 href 属性中,使用 mailto: 协议来指定链接类型为电子邮件链接,然后在冒号后面添加收件人的邮件地址:
<a href="mailto:example@example.com">发送邮件</a>
- 可以通过 cc 和 bcc 参数在链接中添加抄送和密送地址。例如,以下链接将在发送邮件时自动将抄送地址和密送地址添加到邮件中:
<a href=”mailto:example@example.com?cc=cc@example.com&bcc=bcc@example.com”>发送邮件</a>
- 可以通过 subject 参数在链接中指定邮件主题。例如,以下链接将在发送邮件时自动填写邮件主题:
<a href=”mailto:example@example.com?subject=邮件主题”>发送邮件</a>
- 可以通过 body 参数在链接中指定邮件正文。例如,以下链接将在发送邮件时自动填写邮件正文:
<a href="mailto:example@example.com?body=邮件正文">发送邮件</a>
需要注意的是,以上参数之间应该使用 & 符号进行分隔,如果参数的值中包含特殊字符,需要进行 URL 编码,否则链接可能无法正常工作。例如,空格应该使用 %20 进行编码。
通过以上步骤,我们可以在 HTML 中创建电子邮件链接,并实现自动填写收件人、主题、正文等信息的功能。
完整代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<a href="mailto:huikingone@163.com?body=邮件正文&body=邮件正文">发送邮件</a>
</body>
</html>
正文完