邮箱链接必须使用 mailto: 协议，如 href="mailto:contact@example.com"；预填主题和正文需 url 编码，多个收件人用英文逗号分隔；移动端兼容性差，应辅以文字说明和纯文本邮箱备用。

邮箱链接必须用 mailto: 协议，不是普通 URL

直接写 href="user@example.com" 不会触发邮件客户端，点击后只会尝试打开同名网页。正确写法是加 mailto: 前缀：@#@#@#@#@#@#@#@#@#@0。浏览器识别这个协议后，会调用系统默认邮件程序（如 Outlook、Mail.app 或 Gmail 网页版）新建一封收件人已填好的草稿。

带主题和正文的 mailto 链接要编码特殊字符

如果想预填主题或内容，需拼接查询参数，但空格、中文、标点必须用 URL 编码，否则链接失效或内容截断：

• subject 和 body 参数用 ? 开头，多个参数用 & 连接（注意 HTML 中写成 &）
• 空格要换成 %20，中文要用 UTF-8 编码（如“你好” → %E4%BD%A0%E5%A5%BD）
• 推荐用浏览器控制台快速编码：encodeURIComponent("反馈问题") → %E5%8F%8D%E9%A6%88%E9%97%AE%E9%A2%98
• 完整示例：@#@#@#@#@#@#@#@#@#@1

多个收件人用英文逗号分隔，别用顿号或空格

mailto 支持群发，但格式极其严格：

Article To Html

文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

下载

• 多个邮箱地址之间只能用英文逗号 ,，不能用中文顿号、空格或分号
• 地址本身不能含空格（admin @example.com 会失败）
• 示例：mailto:one@example.com,two@example.com?subject=Team%20Update
• 部分旧版 Outlook 对超过 5 个收件人的链接支持不稳定，生产环境建议单对单为主

移动端点击 mailto 可能跳转失败或无响应

iOS 和 Android 的邮件客户端兼容性不一，常见问题包括：

• 微信内置浏览器、QQ 浏览器等常禁用 mailto: 协议，点击后静默失败
• 部分安卓厂商定制系统（如华为 EMUI）默认不关联邮件 App，用户需手动选择，且首次可能找不到选项
• 更稳妥的做法是：在 mailto 链接旁补充文字说明，例如“若未自动打开邮箱，请复制邮箱地址粘贴到您的邮件应用中”
• 不要依赖 mailto 做唯一联系通道——网页底部仍应保留纯文本邮箱地址供手动复制

真正麻烦的不是写法，而是你没法控制用户用什么设备、装了什么浏览器、设了哪个默认邮件程序。留一手比强行兜底更实际。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！