mailto标签的用法

封面图 • 2026-01-16 • Html/Css

`<mailto>` 标签是 HTML 中用于创建电子邮件链接的标签，用户点击该链接时，会打开用户的默认电子邮件客户端（如 Outlook、Outlook Express、Gmail 等），并自动填写收件人地址。

### 1. 基本用法

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

当用户点击“发送邮件”时，会弹出一个新邮件窗口，收件人地址为 `example@example.com`。

---

### 2. 添加主题和正文内容

你可以通过在 `mailto:` 后添加参数来设置邮件的主题和正文内容：

```html
<a href="mailto:example@example.com?subject=问候&body=你好，很高兴认识你！">发送邮件</a>
```

- `subject`：邮件主题
- `body`：邮件正文内容

注意：
- 如果内容中包含空格或特殊字符，需要进行 URL 编码（例如：空格要用 `%20` 表示）。
- 在 HTML 中，可以直接使用 `&` 符号，但如果是直接写在 URL 中，则需要用 `&amp;` 或者进行编码。

---

### 3. 示例代码

```html
<a href="mailto:support@example.com?subject=反馈&body=您好，我想对您的服务提出一些建议。">联系支持</a>
```

---

### 4. 注意事项

- 不同浏览器和邮件客户端对 `mailto:` 的支持可能略有不同。
- 某些移动设备上，如果未安装邮件客户端，可能会跳转到邮件应用或提示无法处理。
- `mailto:` 不适用于发送大量邮件或自动化邮件任务，它主要用于用户手动发送邮件。

---

### 5. 进阶用法（URL 编码）

如果你的邮件内容中有空格、特殊字符（如 `#`, `&`, `?` 等），你需要进行 URL 编码：

例如，原内容：
```
你好，我的问题是：如何使用mailto？
```

编码后：
```
%E4%BD%A0%E5%A5%BD%EF%BC%8C%E6%88%91%E7%9A%84%E9%97AE%E9%A2%98%E6%98%AF%EF%BC%9A%E5%9B%9E%E5%9B%9E%E6%95%B0%E6%8D%AE%E5%BA%94%E8%AF%AD%E6%95%B0%E6%8D%AE%E5%BA%94%E8%AF%AD
```

完整示例：
```html
<a href="mailto:support@example.com?subject=%E5%9B%9E%E5%9B%9E&body=%E4%BD%A0%E5%A5%BD%EF%BC%8C%E6%88%91%E7%9A%84%E9%97AE%E9%A2%98%E6%98%AF%EF%BC%9A%E5%9B%9E%E5%9B%9E%E6%95%B0%E6%8D%AE%E5%BA%94%E8%AF%AD">发送邮件</a>
```

---

如果你有具体需求（比如带多个收件人、抄送等），也可以告诉我，我可以帮你构造对应的 `mailto` 链接。