mailto HTML最佳实践

Question

我被要求在我设计的网站上为个人投资组合画廊添加一些电子邮件地址。

客户可以使用一个非常明显的电子邮件表单，但它只能访问一个地址。然后，主电子邮件收件人必须将电子邮件转发给预期的收件人。业务开始时，只有一个主收件人。但现在有5到6位艺术家，而且这家店正在成长。

我的第一个想法是将href="mailto:"个链接放在每个人的个人页面上。对于没有配置电子邮件客户端的客户来说，这不方便，但复制和粘贴会很好。此外，客户担心垃圾邮件，但我认为电子邮件过滤器比一些混淆技术更有效。

然后我读了this，其中说使用mailto＆＃34;尖叫＆＃39;这个网站是由初学者开发的。＆＃39;我不是真的同意。作者主张使用服务器端表单。我已经制作了一个PHP表单，可以轻松添加一个收件人下拉列表（可能不那么容易，但可以完成）或者在某个人页面上自动填写收件人字段。

我真正的问题有三个：

1. 使用mailto是否表现出某种初学者的无知？
2. 最好的做法是让普通网站用户通过电子邮件向小组发送个人电子邮件？
3. 电子邮件混淆是否至关重要？

BTW 我已经准备好找到一些建议that obfuscation is (sort of effective)的数据，但文章似乎过时了。

Answer 1

使用mailto:链接的缺点：

• 显示收件人电子邮件地址（除非使用模糊处理）
• 用户需要在其计算机上安装有效的电子邮件客户端。如今，越来越多的用户只使用基于网络的电子邮件客户端，该客户端无法使用mailto:链接。

就个人而言，我会使用服务器创建的联系表格。

Answer 2

跟随领导者

在网站上仅具有电子邮件链接并不是高质量网站的特别好的指示。简而言之，这是因为功能强大的网站，每天有数百万用户的网站（microsoft.com，stackoverflow.com）或像Amazon 这样的跨国公司没有这样做。如果他们这样做了，那么这些人的电子邮件可能一天之内就会被埋没。

mailto:链接的优点：

• 简单
• 容易理解的

缺点：

• 直接显示联系信息
• 不灵活
• 不是专业人士做什么
• 通过电子邮件发送mailto链接会导致不良的用户体验*

以下是一些提供更多专业性的其他方法： -如果匿名是目标，则generic contact form。没有用户暴露，可能是10个人准备响应，可能是1，可能是100。提交到后端，如果愿意，可以转发给后端的10个人。 -如果您要在联系人中添加头像，或者希望允许用户与特定的个人联系，请使用用户个人资料中avatars的头像，单击按钮也会显示联系人形式，也许以情态形式。

---

• 当您单击一个链接，并且当您等待世界结束时，电子邮件将所有8个cpus旋转时，您会看到必须打开不相关的电子邮件客户端会给用户带来的体验 < / li>

Answer 3

使用mail表现出某种初学者的无知吗？

一点也不，mailto:，如果显示邮件地址，则邮件图标是最新技术。它是UX，如果将其声明为常规文本，则可访问性将失败。尤其是对于移动用户。

使用联系表格可以带来一些好处，但是如果您不经常注意和更新，则还可能使您的页面容易受到垃圾邮件的攻击甚至被黑。

什么是使普通网站用户轻松地向小组中的个人发送电子邮件的最佳实践？

很难说，这取决于设计和用例。我建议使用带有尽可能少的字段（“问我一个问题：”）和ReCaptcha v3的简单AJAX联系人表格，但是也可以使用带有预定义主题的简单mailto:链接。

电子邮件混淆至关重要吗？

我今天必须对此进行研究，似乎仍然有必要。大多数漫游器会在页面源代码中搜索常见模式，而不使用JavaScript。

您可以添加href并在@事件DOMContentLoaded之后使用JS插入<a class="uncrypt">user???example.com</a>符号。但这只是众多方式中的一种。

使用JS的僵尸程序仍然可以获取地址，但是无论如何都很难避免，我个人认为为所有用户创建一个好的UX比向垃圾邮件发送者提供您的项目符号更重要。

但是您不必保护通用地址（例如info@<domain>），因为垃圾邮件发送者会尝试使用这些地址。