从Bot隐藏电子邮件地址-保留mailto:
tl; dr 在不使用脚本的情况下从漫游器隐藏电子邮件地址并维护mailto:功能。方法还必须支持屏幕阅读器。 概要 电子邮件混淆,无需使用脚本或联系表格 电子邮件地址必须对观众完全可见,并保持mailto:功能 电子邮件地址不能为图像形式。 电子邮件地址必须对垃圾邮件抓取者和垃圾邮件机器人以及任何其他收割者类型“完全”隐藏 所需效果: 请没有脚本。项目中没有使用脚本,我想保持这样。 电子邮件地址可以显示在页面上,也可以在用户进行某种形式的交互后轻松显示,例如打开模式。 该用户可以点击的电子邮件地址,这反过来会触发mailto:功能。 单击电子邮件将打开用户的电子邮件应用程序。 换句话说,mailto:功能必须起作用。 电子邮件地址不可见或未标识为机器人的电子邮件地址(包括页面源) 我的收件箱里没有垃圾邮件 什么不工作 添加联系表格-或类似内容-代替电子邮件地址 我讨厌联络表格。我很少填写联系表格。如果没有电子邮件地址,我会寻找电话号码,如果没有电话号码,我会开始寻找替代服务。如果绝对需要,我只会填写联系表格。 用地址图像替换地址 这会对使用屏幕阅读器的人造成巨大的不利影响(请记住,您未来的项目中有视力障碍的人) 除非您使图像可单击,然后再将该功能添加为链接的,否则它还会删除该mailto:功能,但这违背了目的,并且现在僵尸程序可以看到该电子邮件。mailto:href 可能有效的方法: 巧妙地使用pseudo-elementsinCSS 利用base64编码的解决方案 分解电子邮件地址并在文档中散布各个部分,然后在用户单击按钮时将它们放回模态中(这可能涉及多个CSS类和的用法anchor tags) html通过更改属性CSS @MortezaAsadi在下面的评论中优雅地提出了可能性。这是完整链接-该文章来自2012年: 如果我们可以使用CSS更改HTML属性怎么办? 我所不了解的其他创造性解决方案。 类似的问题/修复 JavaScript:Joe Maller保护您的电子邮件地址 (这是乔·马勒(Joe Maller)提出的一个很好的解决方案,它可以很好地工作,但是它是基于脚本的。 <SCRIPT TYPE="text/javascript"> emailE = 'emailserver.com' emailE = ('yourname' + '@' + emailE) document.write('<A href="mailto:' …