HTML5网页发送邮件需借助mailto链接、后端接口或第三方服务：一、mailto链接调用本地客户端，预填收件人等信息；二、Ajax提交至后端SMTP接口实现可控发送；三、集成EmailJS等第三方服务免后端。
如果您希望在HTML5网页中实现邮件发送功能，通常不能直接通过前端代码发送邮件，而是借助系统默认邮件客户端或后端接口完成。以下是几种可行的实现方式：
一、使用mailto:链接触发本地邮件客户端
mailto: 是HTML中用于生成邮件链接的标准协议，点击后会调用用户设备上配置的默认邮件客户端（如Outlook、Apple Mail或Gmail桌面版），并预填收件人、主题和正文等内容。该方法无需服务器支持，但依赖用户本地环境且无法控制发送结果。
1、在HTML中插入带有mailto:协议的超链接，格式为发送邮件。
2、可选参数包括to（收件人）、cc（抄送）、bcc（密送）、subject（主题）、body（正文），各参数间用&连接，中文需进行URL编码。
立即学习“前端免费学习笔记（深入）”；
3、确保邮箱地址格式合法，例如user@domain.com，避免空格或特殊字符未编码导致链接失效。
二、通过Ajax调用后端邮件接口发送
前端使用JavaScript发起Ajax请求，将邮件内容提交至已部署的后端服务接口，由服务器执行真实邮件发送（如调用SMTP服务）。该方式可隐藏敏感配置、支持验证与错误反馈，但必须拥有可运行的后端服务支撑。
1、编写JavaScript代码，使用fetch或XMLHttpRequest向后端API地址（例如/api/send-email）发送POST请求。
2、请求体中包含JSON格式数据，如{"to":"user@domain.com","subject":"测试邮件","content":"这是一封HTML5页面发出的邮件"}。
3、后端接口接收到请求后，调用SMTP库（如Node.js的nodemailer、PHP的PHPMailer）连接邮件服务器并发送邮件。
三、嵌入第三方邮件服务的表单提交（如Formspree、EmailJS）
利用免后端邮件服务提供的公开接口，前端直接提交表单数据，由第三方完成邮件投递。适用于静态网站或缺乏后端开发能力的场景，但需注意隐私条款及免费额度限制。
1、注册EmailJS等平台账号，获取用户ID、服务ID和模板ID。
2、在页面中引入EmailJS SDK脚本，并在JavaScript中初始化，调用send()方法传入对应参数。
3、确保模板中定义的字段名与前端提交的数据键名一致，例如模板中设置user_email字段，则JavaScript中需传递同名属性。
