使用mailto协议可在html中创建电子邮件链接,基本写法为发送邮件,支持添加subject、body、cc、bcc等参数以预填邮件内容,提升用户体验。

在HTML中创建电子邮件链接非常简单,使用mailto:协议即可实现点击链接直接打开默认邮件客户端并填写收件人、主题、正文等信息。这种方法常用于网页上的“联系我们”功能。
基本的mailto链接写法
最基本的电子邮件链接只需要指定收件人的邮箱地址:
<a href=”mailto:example@example.com”>发送邮件到example@example.com</a>
用户点击该链接后,系统会调用默认的邮件程序(如outlook或mac Mail),自动填入收件人地址。
添加邮件主题和正文内容
可以通过参数设置邮件的主题(subject)和正文(body),提升用户体验:
立即学习“前端免费学习笔记(深入)”;
<a href=”mailto:example@example.com?subject=反馈意见&amp;body=您好,我想提供一些反馈…”>发送反馈</a>
说明:
- subject= 后接URL编码后的邮件主题
- body= 后接邮件正文内容
- 多个参数之间用
&amp;连接(注意在HTML中应写为&amp;)
支持的mailto参数
常见的mailto参数包括:
- to:收件人(通常省略to=,直接写邮箱)
- cc:抄送,例如:
?cc=copy@example.com - bcc:密送,例如:
?bcc=secret@example.com - subject:邮件主题
- body:邮件正文
示例:包含抄送、主题和正文的完整链接
<a href=”mailto:support@site.com?cc=manager@site.com&amp;subject=技术支持请求&amp;body=请描述您的问题…”>联系技术支持</a>
注意事项与建议
使用mailto链接时需注意以下几点:
- 邮件内容中的空格和特殊字符应进行URL编码(如空格用%20代替)
- 部分邮箱客户端可能不完全支持所有参数
- 在移动设备上,mailto链接会跳转到默认邮件app
- 不能保证用户一定配置了邮件客户端,某些浏览器可能无响应
- 避免在链接中暴露大量敏感信息
基本上就这些。mailto是一种轻量级、无需服务器支持的联系方式,适合简单场景。如果需要更稳定的表单提交,建议结合后端处理的标准表单。


