blocks|key|160225|text|是的，这意味着使用一个php形式的访问者来联系你通过。它更安全，而且不会像机器人一样给你发送数千次电子邮件。在谷歌周围寻找一个联系表单教程，将会有很多！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|160226|一个教程会告诉你使用php，所以当用户填写表单时，它会通过电子邮件发送给你，其中包含他们在表单中填写的详细信息。然而，大多数表单都像“验证码”条目一样使用，它会停止机器人，几乎就像一个“你是人类吗？”测试。|160227|希望这能有所帮助。|160228|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

Yeah it means use a php form for visitors to contact you through. It is much safer and stops bots sending emails to you like thousands of times. Look around Google for a contact form tutorial there will be plenty!

A tutorial will tell you to use php and so when the user fills out a form it will be emailed to you with the details they filled out in the form. However most forms use like a "Captcha" entry and it stops the bots, almost like a "Are you Human?" test.

Hope this helps.

blocks|key|2959918|text|解决方案1:|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2959919|您可以使用许多公开的电子邮件地址编码器，如(google上的第一个结果)：|2959920|http://www.wbwip.com/wbw/emailencoder.html|2959921|这将电子邮件编码为其字符实体值，这将需要更多的逻辑表单抓取器来解码它。|2959922|因此，像这样的电子邮件变成了&#116;&#101;&#115;&#116;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;，也可以在邮件中使用。|CODE|2959923|解决方案2:|2959924|使用在线电子邮件到图像的转换器(在google上也是第一个结果)：|2959925|http://www.email2image.com/Convert-Email-to-Image.aspx|2959926|把它做成一个图像。其他服务使您可以通过API自动完成此操作，例如：|2959927|https://www.mashape.com/seikan/img4me-text-to-image-service#!endpoint-Main|2959928|entityMap|0|LINK|mutability|MUTABLE|url|1|2^0|0|6|0|0|0|16|0|0|0|E|2C|0|0|6|0|0|0|1I|1|0|0|0|22|2|0^^$0|@$1|2|3|4|5|6|7|17|8|@$9|18|A|19|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1A|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|1B|8|@]|D|@$9|1C|A|1D|1|1E]]|E|$]]|$1|J|3|K|5|6|7|1F|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|1G|8|@$9|1H|A|1I|B|N]]|D|@]|E|$]]|$1|O|3|P|5|6|7|1J|8|@$9|1K|A|1L|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|6|7|1M|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|1N|8|@]|D|@$9|1O|A|1P|1|1Q]]|E|$]]|$1|U|3|V|5|6|7|1R|8|@]|D|@]|E|$]]|$1|W|3|X|5|6|7|1S|8|@]|D|@$9|1T|A|1U|1|1V]]|E|$]]|$1|Y|3|-4|5|6|7|1W|8|@]|D|@]|E|$]]]|Z|$10|$5|11|12|13|E|$14|I]]|15|$5|11|12|13|E|$14|T]]|16|$5|11|12|13|E|$14|X]]]]

Solution 1:

You can use many publicly available email address encoders like (first result on google):

<a href="http://www.wbwip.com/wbw/emailencoder.html">http://www.wbwip.com/wbw/emailencoder.html</a>

This encodes the emails into their character entity value, this will require more logic form scrapers to decode it.

So an email like: <code>test@gmail.com</code> becomes <code>&amp;#116;&amp;#101;&amp;#115;&amp;#116;&amp;#064;&amp;#103;&amp;#109;&amp;#097;&amp;#105;&amp;#108;&amp;#046;&amp;#099;&amp;#111;&amp;#109;</code> which can be used in a mailto as well.

Solution 2:

Use an online email to image converter (again first result on google):

<a href="http://www.email2image.com/Convert-Email-to-Image.aspx">http://www.email2image.com/Convert-Email-to-Image.aspx</a>

To make it as an image. Other services enable you to do this automatically via an API like:

<a href="https://www.mashape.com/seikan/img4me-text-to-image-service#!endpoint-Main">https://www.mashape.com/seikan/img4me-text-to-image-service#!endpoint-Main</a>

blocks|key|160247|text|在网站上隐藏电子邮件有多种不同的选择，通常使用电子邮件地址的HTML实体版本(正如Aziz-Saleh建议的那样)，但从实际的网页设计角度来看，仅仅将电子邮件地址放在网站上并不是最友好的做法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|160248|例如，mailto:链接会自动触发浏览器打开用户选择的电子邮件应用程序--但请考虑这一点。并不是每个人都有专门的电子邮件应用程序。例如，我不使用Outlook+(我是Windows用户)，除非我安装了Windows+Live+Mail，否则我的计算机无法打开该链接。我认为如果你已经登录，Chrome可以打开链接进入GMail，但我需要检查一下。|offset|length|style|CODE|160249|最终，通过使用mailto:，您可能会疏远一部分一开始就无法使用该链接的用户。|160250|我建议使用PHP+，并且有很多简单易懂的教程可供和您的JSP语言使用，例如这里的链接：Sending+Email+in+JSP，甚至StackOverflow上的链接|BOLD|160251|通过使用您的服务器发送电子邮件，您可以更严格地控制电子邮件的生成方式，允许用户输入哪些数据，您甚至可以向他们发送一封回复电子邮件(由服务器生成)，以确认您已收到他们的消息。这是一种久经考验的现实世界方法，允许客户和访问者与您联系，同时仍为您提供整个流程的保护和控制。|160252|JSP；DR：原始mailto:链接可能会疏远没有专用电子邮件程序的人，而如果您使用表单，您可以控制他们如何与您联系，使用什么信息(您可以使用字段和HTML5+required属性来强制某些输入字段)，您甚至可以使用do-not-reply电子邮件进行回复，这样他们就知道他们的消息被听到了(只是不要忘记询问他们的电子邮件地址)|160253|entityMap|0|LINK|mutability|MUTABLE|url|http://mrbool.com/how-to-send-email-in-jsp/29157|1|https://stackoverflow.com/questions/3757442/how-to-send-an-email-from-jsp-servlet^0|0|3|7|0|7|7|0|O|1N|R|3|17|K|0|1U|D|1|0|0|3P|0|0|6|16|3E|9|7|28|8|30|C|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@$D|12|E|13|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|14|8|@$D|15|E|16|F|G]]|9|@]|A|$]]|$1|J|3|K|5|6|7|17|8|@$D|18|E|19|F|L]|$D|1A|E|1B|F|G]]|9|@$D|1C|E|1D|1|1E]|$D|1F|E|1G|1|1H]]|A|$]]|$1|M|3|N|5|6|7|1I|8|@$D|1J|E|1K|F|L]]|9|@]|A|$]]|$1|O|3|P|5|6|7|1L|8|@$D|1M|E|1N|F|L]|$D|1O|E|1P|F|L]|$D|1Q|E|1R|F|G]|$D|1S|E|1T|F|G]|$D|1U|E|1V|F|G]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1W|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]|Y|$5|T|U|V|A|$W|Z]]]]

There are multiple different choices for hiding emails on websites, commonly using either the HTML entity version of the email address (as Aziz-Saleh suggested), but from an actual web design point of view, just putting the email address like that on a website isn't the most user friendly thing to do.

For instance, the <code>mailto:</code> link automatically triggers the browser to open the user's Email Application of choice - but consider this. Not everybody has a dedicated email application. For instance, I don't use Outlook (I'm a Windows user), and unless I have Windows Live Mail installed, my computer can't open that link. I think Chrome can open the links into GMail if you're signed in, but I would need to check that.

Ultimately, by using <code>mailto:</code>, you are potentially alienating a portion of your userbase that will not be able to use that link in the first place.

I would suggest using email forms, and there are plenty of easy-to-follow tutorials available for both PHP and your language of <code>JSP</code>, such as this link here: <a href="http://mrbool.com/how-to-send-email-in-jsp/29157" rel="noreferrer">Sending Email in JSP</a> and even on <a href="https://stackoverflow.com/questions/3757442/how-to-send-an-email-from-jsp-servlet">StackOverflow</a>

By using your server to send the email, you get tighter control over how the email is generated, what data the user is allowed to put in, and you could even send them a return email (generated by the server) to confirm that you have received their message. This is a tried-and-tested real-world method of allowing customers and visitors to contact you, whilst still giving you protection and control over the entire process.

TL;DR: Raw <code>mailto:</code> links might alienate people without dedicated email programs, whereas if you use JSP forms, you can control how they contact you, with what information (you can use fields and the HTML5 <code>required</code> attribute to mandate certain input fields) and you can even respond with a <code>do-not-reply</code> email so they know their message was heard (just don't forget to ask for their email address)

blocks|key|2959985|text|在过去，我看到过使用javascript来完成这项工作。基本上，您将电子邮件地址分配给javascript变量，并使用这些变量更改元素的内容。您还可以为禁用了javascript的用户提供一个后备选项，如果需要的话，它会将用户指向表单的方向。下面是一个例子|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2959986|var+user+=+'foo',
++++domain+=+'bar.com',
++++element+=+document.getElementById('email');

++++element.innerHTML+=+user+%2B+'@'+%2B+domain;
++++//OR
++++//'<a+href="mailto:'+%2B+user+%2B+'@'+%2B+domain+%2B+'">Email</a>'++|code-block|syntax|javascript|2959987|这样，机器人就不会看到电子邮件地址，因为它们不会加载javascript。|2959988|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

In the past I have seen this done with javascript. Basically you assign the email address to javascript variables and change the contents of an element using these. You can also provide a fallback for users with javascript disabled which points them in the direction of a form if you need to. Here's an example

<pre><code>var user = 'foo',
 domain = 'bar.com',
 element = document.getElementById('email');

 element.innerHTML = user + '@' + domain;
 //OR
 //'&lt;a href="mailto:' + user + '@' + domain + '"&gt;Email&lt;/a&gt;' 
</code></pre>

This way bots never see the email address as they do not load javascript.

blocks|key|157732|text|我使用像http://www.wbwip.com/wbw/emailencoder.html这样的电子邮件编码器。只要把你的地址写在源地址和"a“标签之间即可。像这样的东西|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|157733|<a+href="mailto:&#105;&#110;&#102;&#111;&#064;&#101;&#120;&#097;&#109;&#112;&#108;&#101;&#046;&#099;&#111;&#109;">&#105;&#110;&#102;&#111;&#064;&#101;&#120;&#097;&#109;&#112;&#108;&#101;&#046;&#099;&#111;&#109;</a>|code-block|syntax|javascript|157734|它是info@example.com的编码|157735|entityMap|0|LINK|mutability|MUTABLE|url|http://www.wbwip.com/wbw/emailencoder.html^0|4|16|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

I use email encoders like <a href="http://www.wbwip.com/wbw/emailencoder.html" rel="nofollow">http://www.wbwip.com/wbw/emailencoder.html</a> . Just put your address to the source and between the "a" tags. Something like this

<pre><code>&lt;a href="mailto:&amp;#105;&amp;#110;&amp;#102;&amp;#111;&amp;#064;&amp;#101;&amp;#120;&amp;#097;&amp;#109;&amp;#112;&amp;#108;&amp;#101;&amp;#046;&amp;#099;&amp;#111;&amp;#109;"&gt;&amp;#105;&amp;#110;&amp;#102;&amp;#111;&amp;#064;&amp;#101;&amp;#120;&amp;#097;&amp;#109;&amp;#112;&amp;#108;&amp;#101;&amp;#046;&amp;#099;&amp;#111;&amp;#109;&lt;/a&gt;
</code></pre>

It is encoding of info@example.com

blocks|key|2960066|text|嗯，你可以每天想出一种不同的方法。这里有一个使用jQuery的代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2960067|<a+class="mail"+href="mailto:john@badmail.mydomain.com">e-mail</a>|code-block|syntax|javascript|2960068|然后用jQuery处理点击。|2960069|$('a.mail').on('click',+function(){
++++var+href+=+$(this).attr('href');
++++$(this).attr('href',+href.replace('badmail.',+''));
});|2960070|我喜欢这样的原因是，我可以让垃圾邮件发送者向虚拟邮件域发送垃圾邮件，以为他们又收到了一封电子邮件。如果我维护自己的垃圾邮件过滤器，我可以将样本收集到我的坏桶中。|2960071|此外，这种方法允许您使用动态数据呈现非常干净的页面，并且只需在整个站点上使用一次javascript代码段来处理实际的用户点击。|2960072|在手机上也能工作。|2960073|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

Well, you can figure out a different way every day. Here's one using jQuery.

<pre><code>&lt;a class="mail" href="mailto:john@badmail.mydomain.com"&gt;e-mail&lt;/a&gt;
</code></pre>

Then handle the click with jQuery.

<pre><code>$('a.mail').on('click', function(){
 var href = $(this).attr('href');
 $(this).attr('href', href.replace('badmail.', ''));
});
</code></pre>

The reason I like this is that I can let the spammers spam the dummy mail domain thinking they got yet another e-mail harvested. If I was maintaining my own spam filter, I could collect samples to my bad bucket.

Also, this approach allows you to render the page quite clean with dynamic data and simply have the javascript snippet only once on the whole site to handle the real user clicks.

Works also on mobiles.

blocks|key|2960081|text|就我个人而言，我想出了这个，相当直截了当，有点有趣，我把这段代码放在我希望我的电子邮件地址出现的地方：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2960082|<script>(function+whatever(){var+s='@',n='nabil',k='kadimi.com',e=n%2Bs%2Bk,l='<a+href=mailto:{{spam@cia.gov}}>{{spam@fbi.gov}}</a>'.replace(/{{.%2B?(}})/g,e);document.write(l)})()</script>|code-block|syntax|javascript|2960083|扩展|2960084|<script>
++++(function+whatever()+{
++++++++var+s+=+'@'
++++++++++++,+n+=+'nabil'
++++++++++++,+k+=+'kadimi.com'
++++++++++++,+e+=+n+%2B+s+%2B+k
++++++++++++,+l+=+'<a+href=mailto:{{spam@cia.gov}}>{{spam@fbi.gov}}</a>'.replace(/{{.%2B?(}})/g,+e)
++++++++;
++++++++document.write(l);
++++})();
</script>|2960085|演示|2960086|​|2960087|<script>(function+whatever(){var+s='@',n='nabil',k='kadimi.com',e=n%2Bs%2Bk,l='<a+href=mailto:{{spam@cia.gov}}>{{spam@fbi.gov}}</a>'.replace(/{{.%2B?(}})/g,e);document.write(l)})()</script>|2960088|2960089|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|U|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|V|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|W|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|X|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|Y|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|Q|3|N|5|6|7|10|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|S|$]]

Personally, I came up with this, pretty straightforward and kinda funny, I throw this code where I want my email address to appear:

<pre><code>&lt;script&gt;(function whatever(){var s='@',n='nabil',k='kadimi.com',e=n+s+k,l='&lt;a href=mailto:{{spam@cia.gov}}&gt;{{spam@fbi.gov}}&lt;/a&gt;'.replace(/{{.+?(}})/g,e);document.write(l)})()&lt;/script&gt;
</code></pre>

<h2>Expanded</h2>

<pre><code>&lt;script&gt;
 (function whatever() {
 var s = '@'
 , n = 'nabil'
 , k = 'kadimi.com'
 , e = n + s + k
 , l = '&lt;a href=mailto:{{spam@cia.gov}}&gt;{{spam@fbi.gov}}&lt;/a&gt;'.replace(/{{.+?(}})/g, e)
 ;
 document.write(l);
 })();
&lt;/script&gt;
</code></pre>

<h2>Demo</h2>

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script&gt;(function whatever(){var s='@',n='nabil',k='kadimi.com',e=n+s+k,l='&lt;a href=mailto:{{spam@cia.gov}}&gt;{{spam@fbi.gov}}&lt;/a&gt;'.replace(/{{.+?(}})/g,e);document.write(l)})()&lt;/script&gt;</code></pre>
</div>
</div>

blocks|key|158986|text|将你的电子邮件地址放在png或gif格式的透明图像上，并将该图像显示在您的网页上。只有人类读者才会知道图像显示的是一个电子邮件地址。这将防止机器人在您的网站上找到您的电子邮件地址。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|158987|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Put your email address on a transparent image in png or gif format and display that image on your web pages. Only a human reader would know the image is showing an email address.
This will prevent bots from finding your email address on your website.

blocks|key|2747490|text|谷歌实际上为此提供了一项服务。免费使用，效果很好：Mail+ReCaptcha|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2747491|entityMap|0|LINK|mutability|MUTABLE|url|https://www.google.com/recaptcha/admin#mailhide^0|P|E|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Google actually provides a service for this. Free to use and works pretty well: <a href="https://www.google.com/recaptcha/admin#mailhide" rel="nofollow noreferrer">Mail ReCaptcha</a>

blocks|key|2960158|text|我一直在使用+https://support.cloudflare.com/hc/en-us/articles/200170016-What-is-Email-Address-Obfuscation-的免费电子邮件地址混淆功能:CloudFlare|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2960159|2960160|电子邮件收集器和其他机器人在互联网上漫游，寻找要添加到针对垃圾邮件收件人的列表中的电子邮件地址。这一趋势导致垃圾电子邮件的数量不断增加。|blockquote|2960161|2960162|Web管理员已经想出了聪明的方法来防止这种情况的发生，方法是写出电子邮件地址(即cloudflare+.com上的帮助)或使用电子邮件地址的嵌入图像。但是，您将失去单击电子邮件地址自动发送电子邮件的便利性。|2960163|通过启用Cloudflare电子邮件地址混淆，您网页上的电子邮件地址将对机器人进行混淆(隐藏)，同时使它们对人类可见。事实上，对于访问者来说，你的网站没有明显的变化。|2960164|为了防止意外的网站行为，当电子邮件地址出现在以下位置时，不会对其进行模糊处理：|2960165|2960166|2960167|任何HTML标记属性，但href标记的a属性除外。|unordered-list-item|CODE|2960168|Other+HTML+tags+|2960169|任何不具有MIME类型“|2960170|/html”或"application/xhtml%2Bxml"的页面|2960171|我和CloudFlare没有关系。我只是感谢他们免费提供的一切。|2960172|entityMap|0|LINK|mutability|MUTABLE|url|https://support.cloudflare.com/hc/en-us/articles/200170016-What-is-Email-Address-Obfuscation-^0|7|39|7|2L|0|0|0|0|1W|0|0|0|2V|0|0|2B|0|0|13|0|0|0|0|P|C|4|J|1|0|0|G|0|0|C|0|0|X|0|0|W|0^^$0|@$1|2|3|4|5|6|7|1C|8|@$9|1D|A|1E|B|C]]|D|@$9|1F|A|1G|1|1H]]|E|$]]|$1|F|3|-4|5|6|7|1I|8|@]|D|@]|E|$]]|$1|G|3|H|5|I|7|1J|8|@$9|1K|A|1L|B|C]]|D|@]|E|$]]|$1|J|3|-4|5|6|7|1M|8|@]|D|@]|E|$]]|$1|K|3|L|5|6|7|1N|8|@$9|1O|A|1P|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|1Q|8|@$9|1R|A|1S|B|C]]|D|@]|E|$]]|$1|O|3|P|5|6|7|1T|8|@$9|1U|A|1V|B|C]]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|1W|8|@]|D|@]|E|$]]|$1|R|3|-4|5|6|7|1X|8|@]|D|@]|E|$]]|$1|S|3|T|5|U|7|1Y|8|@$9|1Z|A|20|B|C]|$9|21|A|22|B|V]|$9|23|A|24|B|V]]|D|@]|E|$]]|$1|W|3|X|5|U|7|25|8|@$9|26|A|27|B|C]]|D|@]|E|$]]|$1|Y|3|Z|5|U|7|28|8|@$9|29|A|2A|B|C]]|D|@]|E|$]]|$1|10|3|11|5|6|7|2B|8|@$9|2C|A|2D|B|C]]|D|@]|E|$]]|$1|12|3|13|5|6|7|2E|8|@$9|2F|A|2G|B|C]]|D|@]|E|$]]|$1|14|3|-4|5|6|7|2H|8|@]|D|@]|E|$]]]|15|$16|$5|17|18|19|E|$1A|1B]]]]

I've been using CloudFlare's free Email Address Obfuscation feature: <a href="https://support.cloudflare.com/hc/en-us/articles/200170016-What-is-Email-Address-Obfuscation-" rel="nofollow noreferrer">https://support.cloudflare.com/hc/en-us/articles/200170016-What-is-Email-Address-Obfuscation-</a>

<blockquote>
 Email harvesters and other bots roam the Internet looking for email
 addresses to add to lists that target recipients for spam. This trend
 results in an increasing amount of unwanted email.
 
 Web administrators have come up with clever ways to protect against
 this by writing out email addresses (i.e., help [at] cloudflare [dot]
 com) or by using embedded images of the email address. However, you
 lose the convenience of clicking on the email address to automatically
 send an email.
 
 By enabling Cloudflare Email Address Obfuscation, email addresses on
 your web page will be obfuscated (hidden) from bots, while keeping
 them visible to humans. In fact, there are no visible changes to your
 website for visitors.
 
 To prevent unexpected website behavior, email addresses are not
 obfuscated when they appear in:
 
 <ul>
 <li>Any HTML tag attribute, except for the <code>href</code> attribute of the <code>a</code> tag.</li>
 <li>Other HTML tags </li>
 <li>Any page that does not have a MIME type of "text/html" or "application/xhtml+xml"</li>
 </ul>
</blockquote>

I'm not affiliated with CloudFlare. I just appreciate all that they offer for free.

blocks|key|157814|text|JavaScript解决方案的问题是，关闭JS的人也看不到电子邮件地址。尽管只是少数，但你需要多种技术的组合才能获得最好的结果。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|157815|这里详细介绍了其中的许多技术，但我只提供了解决方案：https://www.ionos.co.uk/digitalguide/e-mail/e-mail-security/protecting-your-e-mail-address-how-to-do-it/|offset|length|157816|评论|style|BOLD|157817|If+you+have+any+questions+or+suggestions,+please+write+an+e-mail+to:
user@domain.com.+
|code-block|syntax|javascript|157818|隐藏跨度|157819|<style+type="text/css">
span.spamprotection+{display:none;}
</style>

If+you+have+any+questions+or+suggestions,+please+write+an+e-mail+to:
user<span+class="spamprotection">CHARACTER+SEQUENCE@domain.com.+
|157820|反向字符串这可能对多语言站点不友好。|157821|<style+type="text/css">
span.ltrText+{unicode-bidi:+bidi-override;+direction:+rtl}
</style>
If+you+have+any+questions+or+suggestions,+please+write+an+e-mail+to:
<span+class="ltrText">+moc.niamod@resu.
|157822|与许多其他答案一样，JavaScript+|157823|<script+type="text/javascript">
var+part1+=+"user";
var+part2+=+Math.pow(2,6);
var+part3+=+String.fromCharCode(part2);
var+part4+=+"domain.com"
var+part5+=+part1+%2B+String.fromCharCode(part2)+%2B+part4;
document.write("If+you+have+any+questions+or+suggestions,+please+write+an+e-mail+to:
+++<href="+%2B+"mai"+%2B+"lto"+%2B+":"+%2B+part5+%2B+">"+%2B+part1+%2B+part3+%2B+part4+%2B+"</a>.");
</script>|157824|ROT13+Encryption+JavaScript依赖，但也有助于GDPR，因为它是加密的。|157825|<script+type="text/javascript">
function+decode(a)+{
++return+a.replace(/[a-zA-Z]/g,+function(c){
++++return+String.fromCharCode((c+<=+"Z"+?+90+:+122)+>=+(c+=+c.charCodeAt(0)+%2B+13)+
+++++++++++++++++++++++++++++++?+c+:+c+-+26);
++})
};+
function+openMailer(element)+{
var+y+=+decode("znvygb:orahgmre@qbznva.qr");
element.setAttribute("href",+y);
element.setAttribute("onclick",+"");
element.firstChild.nodeValue+=+"Open+e-mail+software";
};
</script>
<a+id="email"+href="+"+onclick='openMailer(this);'>E-mail:+please+click</a>|157826|仅限CSS+从此处借用：Protect+e-mail+address+with+CSS+only|157827|<!doctype+html>
<html>
<head>
++++<title>Protect+e-mail+with+only+css</title>
++++<style+type="text/css">
++++++++.e-mail:before+{
++++++++++++content:+attr(data-website)+"\0040"+attr(data-user);
++++++++++++unicode-bidi:+bidi-override;
++++++++++++direction:+rtl;
++++++++}
++++</style>
</head>
<body>

<span+class="e-mail"+data-user="nohj"+data-website="moc.liamg">

</body>
</html>|157828|entityMap|0|LINK|mutability|MUTABLE|url|https://www.ionos.co.uk/digitalguide/e-mail/e-mail-security/protecting-your-e-mail-address-how-to-do-it/|1|https://stackoverflow.com/questions/21421948/protect-e-mail-address-with-css-only^0|0|Q|2W|0|0|0|2|0|0|0|4|0|0|0|5|0|0|A|B|0|0|0|G|0|0|2|4|C|10|1|0|0^^$0|@$1|2|3|4|5|6|7|1I|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1J|8|@]|9|@$D|1K|E|1L|1|1M]]|A|$]]|$1|F|3|G|5|6|7|1N|8|@$D|1O|E|1P|H|I]]|9|@]|A|$]]|$1|J|3|K|5|L|7|1Q|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|1R|8|@$D|1S|E|1T|H|I]]|9|@]|A|$]]|$1|Q|3|R|5|L|7|1U|8|@]|9|@]|A|$M|N]]|$1|S|3|T|5|6|7|1V|8|@$D|1W|E|1X|H|I]]|9|@]|A|$]]|$1|U|3|V|5|L|7|1Y|8|@]|9|@]|A|$M|N]]|$1|W|3|X|5|6|7|1Z|8|@$D|20|E|21|H|I]]|9|@]|A|$]]|$1|Y|3|Z|5|L|7|22|8|@]|9|@]|A|$M|N]]|$1|10|3|11|5|6|7|23|8|@$D|24|E|25|H|I]]|9|@]|A|$]]|$1|12|3|13|5|L|7|26|8|@]|9|@]|A|$M|N]]|$1|14|3|15|5|6|7|27|8|@$D|28|E|29|H|I]]|9|@$D|2A|E|2B|1|2C]]|A|$]]|$1|16|3|17|5|L|7|2D|8|@]|9|@]|A|$M|N]]|$1|18|3|-4|5|6|7|2E|8|@]|9|@]|A|$]]]|19|$1A|$5|1B|1C|1D|A|$1E|1F]]|1G|$5|1B|1C|1D|A|$1E|1H]]]]

The trouble with the JavaScript solutions is that people with JS turned off will also not see the email address. Albeit a minority you need a combination of techniques for the best results. 

Many of these techniques are detailed here, but I have provided the solutions only: <a href="https://www.ionos.co.uk/digitalguide/e-mail/e-mail-security/protecting-your-e-mail-address-how-to-do-it/" rel="noreferrer">https://www.ionos.co.uk/digitalguide/e-mail/e-mail-security/protecting-your-e-mail-address-how-to-do-it/</a>

Comments

<pre><code>&lt;p&gt;If you have any questions or suggestions, please write an e-mail to:
us&lt;!-- abc@def --&gt;er@domai&lt;!-- @abc.com --&gt;n.com. 
&lt;/p&gt;
</code></pre>

Hidden Spans

<pre><code>&lt;style type="text/css"&gt;
span.spamprotection {display:none;}
&lt;/style&gt;

&lt;p&gt;If you have any questions or suggestions, please write an e-mail to:
user&lt;span class="spamprotection"&gt;CHARACTER SEQUENCE&lt;/span&gt;@domain.com. 
&lt;/p&gt;
</code></pre>

Reverse Strings
This may not be friendly for multilingual sites.

<pre><code>&lt;style type="text/css"&gt;
span.ltrText {unicode-bidi: bidi-override; direction: rtl}
&lt;/style&gt;
&lt;p&gt;If you have any questions or suggestions, please write an e-mail to:
&lt;span class="ltrText"&gt; moc.niamod@resu&lt;/span&gt;.
&lt;/p&gt;
</code></pre>

JavaScript as in many other answers

<pre><code>&lt;script type="text/javascript"&gt;
var part1 = "user";
var part2 = Math.pow(2,6);
var part3 = String.fromCharCode(part2);
var part4 = "domain.com"
var part5 = part1 + String.fromCharCode(part2) + part4;
document.write("If you have any questions or suggestions, please write an e-mail to:
 &lt;href=" + "mai" + "lto" + ":" + part5 + "&gt;" + part1 + part3 + part4 + "&lt;/a&gt;.");
&lt;/script&gt;
</code></pre>

ROT13 Encryption
JavaScript dependant but also helps with GDPR as it's encrypted.

<pre><code>&lt;script type="text/javascript"&gt;
function decode(a) {
 return a.replace(/[a-zA-Z]/g, function(c){
 return String.fromCharCode((c &lt;= "Z" ? 90 : 122) &gt;= (c = c.charCodeAt(0) + 13) 
 ? c : c - 26);
 })
}; 
function openMailer(element) {
var y = decode("znvygb:orahgmre@qbznva.qr");
element.setAttribute("href", y);
element.setAttribute("onclick", "");
element.firstChild.nodeValue = "Open e-mail software";
};
&lt;/script&gt;
&lt;a id="email" href=" " onclick='openMailer(this);'&gt;E-mail: please click&lt;/a&gt;
</code></pre>

CSS Only
Borrowed from here: <a href="https://stackoverflow.com/questions/21421948/protect-e-mail-address-with-css-only">Protect e-mail address with CSS only</a>

<pre><code>&lt;!doctype html&gt;
&lt;html&gt;
&lt;head&gt;
 &lt;title&gt;Protect e-mail with only css&lt;/title&gt;
 &lt;style type="text/css"&gt;
 .e-mail:before {
 content: attr(data-website) "\0040" attr(data-user);
 unicode-bidi: bidi-override;
 direction: rtl;
 }
 &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;span class="e-mail" data-user="nohj" data-website="moc.liamg"&gt;&lt;/span&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

blocks|key|2747596|text|Formspree编辑：使用Formspree已经一年多了，我不得不说我不太高兴。人们给你发垃圾邮件真的很容易。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2747597|2020年(可能还会更久)解决方案：|2747598|2747599|Register+with+Formspree，是一个免费平台，可以将表单数据转发到您选择的电子邮件中。请确保使用您要接收的电子邮件地址注册唯一的submissions.|ordered-list-item|offset|length|2747600|Copy终结点，该终结点可从此终结点获取联系人表单。|2747601|2747602|恭喜！你的电子邮件正式对机器人屏蔽了。|2747603|entityMap|0|LINK|mutability|MUTABLE|url|https://formspree.io/register^0|0|0|0|0|N|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|Z|8|@]|9|@$H|10|I|11|1|12]]|A|$]]|$1|J|3|K|5|G|7|13|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|14|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

Edit: Having used Formspree for a little over a year now, I have to say I'm not too happy. It's really easy for people to spam you all kinds of garbage.
2020 (and potentially beyond) solution:
<ol>
<li><a href="https://formspree.io/register" rel="nofollow noreferrer">Register with Formspree</a>, a free platform that forwards form data to an email of your choosing. Be sure to register using the email address on which you want to receive submissions.</li>
<li>Copy the unique Formspree endpoint that gets generated.</li>
<li>Create a contact form with this endpoint.</li>
</ol>
Congrats! Your email is officially masked from bots.

I show email on my website as following 

<pre><code> &lt;a href="mailto:inf@example.com"&gt;Email&lt;/a&gt;
</code></pre>

But I read the following while analysing my website using <a href="http://woorank.com" rel="noreferrer">woorank.com</a>, what should I do to avoid this?

<blockquote>
 Malicious bots scrape the web in search of email addresses and plain text email addresses are more likely to be spammed.
</blockquote>

How to show email addresses on the website to avoid spams?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我在我的网站上显示如下电子邮件 <a href="mailto:inf@example.com">Email</a>但是当我使用分析我的网站时，我读到了以下内容，我应该做些什么来避免这种情况？恶意机器人在网络上搜索电子邮件地址和纯文本电子邮件地址更有可能被垃圾邮件。

问如何在网站上显示电子邮件地址以避免垃圾邮件？
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在网站上显示电子邮件地址以避免垃圾邮件？EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在网站上显示电子邮件地址以避免垃圾邮件？
EN