Эффективный способ скрыть электронную почту от спам-ботов

Работа с контентом и атрибутом в CSS:

.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}

<a href="#" class="cryptedmail"
   data-name="info"
   data-domain="example"
   data-tld="org"
   onclick="window.location.href = 'mailto:' + this.dataset.name + '@' + this.dataset.domain + '.' + this.dataset.tld; return false;"></a>

Когда javascript отключен, просто событие щелчка не будет работать, электронная почта все равно отображается.

Другой интересный подход (по крайней мере, без события щелчка) - использовать знак справа налево, чтобы переопределить направление письма. подробнее об этом: https://en.wikipedia.org/wiki/Right-to-left_mark

Я использовал этот метод с включением на стороне сервера, например. <!--#include file="emailObfuscator.include" -->, где emailObfuscator.include содержит следующее:

<!-- // http://lists.evolt.org/archive/Week-of-Mon-20040202/154813.html -->
<script type="text/javascript">
    function gen_mail_to_link(lhs,rhs,subject) {
        document.write("<a href=\"mailto");
        document.write(":" + lhs + "@");
        document.write(rhs + "?subject=" + subject + "\">" + lhs + "@" + rhs + "<\/a>");
    }
</script>

Чтобы указать адрес, я использую JavaScript:

<script type="text/javascript"> 
    gen_mail_to_link('john.doe','example.com','Feedback about your site...');
</script>
<noscript>
  <em>Email address protected by JavaScript. Activate JavaScript to see the email.</em>
</noscript>

Поскольку я получаю электронную почту через Gmail с 2005 года, спам практически не проблема. Итак, я не могу говорить о том, насколько эффективен этот метод. Возможно, вы захотите прочитать это исследование (хотя он старый), который создал этот график:

Взгляните на таким образом, довольно умно и с использованием css.

CSS

span.reverse {
  unicode-bidi: bidi-override;
  direction: rtl;
}

HTML

<span class="reverse">moc.rehtrebttam@retsambew</span>

Приведенный выше CSS затем переопределит направление чтения и представит текст пользователю в правильном порядке.

Надеюсь, это поможет

Ваше здоровье

Первоначально это не моя идея, но я не могу найти автора:

<a href="mailto:[email protected]"
    onmouseover="this.href=this.href.replace(/x/g,'');">link</a>

Добавьте столько крестиков, сколько захотите. Он отлично работает для чтения, копирования и вставки и не может быть прочитан ботом.

У меня совершенно другой взгляд на это. Для этого я использую MailHide.

MailHide - это система от Google, в которой пользователю необходимо пройти тест reCAPTCHA, чтобы затем открыть им электронное письмо.

Я думаю, что единственный надежный метод, который вы можете использовать, - это создать страницу «Связаться со мной», которая представляет собой форму, которая отправляется в сценарий, который отправляется на ваш адрес электронной почты. Таким образом, ваш адрес никогда не будет открыт для публики. По какой-то причине это может быть нежелательно, но я думаю, что это довольно хорошее решение. Меня часто раздражает, когда я вынужден скопировать / вставить чей-то адрес электронной почты с их сайта в мой почтовый клиент и отправить им сообщение; Я лучше сделаю это прямо через форму на их сайте. Кроме того, этот подход позволяет вам отправлять вам анонимные комментарии и т. Д. Просто убедитесь, что вы защитили свою форму с помощью какой-либо схемы защиты от ботов, такой как капча. Их много обсуждают здесь, на SO.

См. Раздел Защита адресов электронной почты от ботов на веб-странице?

Мне нравится, как Facebook и другие отображают изображение вашего адреса электронной почты.

Раньше я также использовал The Enkoder - мне показалось, что это очень хорошо, если честно!

Если у вас есть поддержка php, вы можете сделать что-то вроде этого:

<img src="scriptname.php">

И scriptname.php:

<?php
header("Content-type: image/png");
// Your email address which will be shown in the image
$email    =    "[email protected]";
$length    =    (strlen($email)*8);
$im = @ImageCreate ($length, 20)
     or die ("Kann keinen neuen GD-Bild-Stream erzeugen");
$background_color = ImageColorAllocate ($im, 255, 255, 255); // White: 255,255,255
$text_color = ImageColorAllocate ($im, 55, 103, 122);
imagestring($im, 3,5,2,$email, $text_color);
imagepng ($im);
?>

Я знаю, что мой ответ многим не понравится, но, пожалуйста, примите во внимание изложенные здесь моменты, прежде чем листать.

Все, что легко читается компьютером, будет легко прочитано спамерами. Хотя их действия кажутся нам глупыми, они не глупы. Они изобретательны и изобретательны. Они не просто используют ботов для сбора электронных писем, у них есть множество методов, и в дополнение к этому они просто платят за хорошие свежие списки электронных писем. Это означает, что тысячи хакеров в черной шляпе по всему миру выполняли свою работу. Люди готовы кодировать вредоносное ПО, которое очищает экраны браузеров других людей, что в конечном итоге делает любой метод, который вы пытаетесь достичь, бесполезным. Эту ветку уже прочитали 10+ таких людей и смеются над нами. Некоторым из них может быть даже скучно до слез, когда мы узнаем, что мы не можем бросить им новый вызов.

Помните, что в конечном итоге вы пытаетесь сэкономить не свое время, а время других. По этой причине, пожалуйста, подумайте о том, чтобы провести здесь дополнительное время. Не существует простой в применении волшебной пули, которая могла бы сработать. Если вы работаете в компании, которая публикует на сайте 100 писем со спамом, и вы можете уменьшить количество спамерских писем на 1 человека в день, мы говорим о 36500 спамерских письмах в год. Если удаление такого письма занимает в среднем 5 секунд, мы говорим о 50 рабочих часах в год. Не говоря уже об уменьшении раздражения. Так почему бы не потратить на это несколько часов?

Не только вы и люди, получающие электронную почту, считаете время активом. Следовательно, вы должны найти способ скрыть адреса электронной почты таким образом, чтобы взломать их было бесполезно. Если вы используете какой-нибудь широко используемый метод для обфускации электронных писем, взломать его действительно окупается. Так как в результате взломщик получит тысячи, если не десятки или сотни тысяч свежих писем. И за них они получат деньги.

Итак, продолжайте и создайте свой собственный метод. Это тот редкий случай, когда изобретение колеса действительно окупается. Используйте метод, который не является машиночитаемым и который предпочтительно требует некоторого взаимодействия с пользователем без ущерба для его удобства.

Я потратил около 20 минут, чтобы написать пример того, что я имею в виду. В этом примере я использовал KnockoutJS просто потому, что он мне нравится, и я знаю, что вы, вероятно, не будете использовать его сами. Но в любом случае это не имеет значения. Это нестандартное решение, которое широко не используется. Взломать его не будет наградой за это, поскольку метод его выполнения будет работать только на одной странице в огромном Интернете.

Вот сценарий: http://jsfiddle.net/hzaw6/

Приведенный ниже код не является примером хорошего кода. Но это всего лишь небольшой пример кода, который машине очень трудно понять, мы даже обрабатываем здесь электронную почту. И даже если бы это можно было сделать, крупномасштабное исполнение не окупится.

И да, я знаю, что это не работает в IE = lte8 из-за «Невозможно получить атрибуты свойства» неопределенной или нулевой ссылки », но мне просто все равно, потому что это просто демонстрация метода, а не фактическая реализация, и не предназначены для использования в производстве, как есть. Не стесняйтесь писать свой собственный код, который круче, технически надежнее и т. Д.

О, и никогда не называйте что-нибудь mail или e-mail в html или javascript. Слишком легко очистить DOM и объект окна на предмет чего-либо с именем mail или e-mail и проверить, содержит ли он что-то, что соответствует электронному письму. Вот почему вам не нужны никакие переменные, которые будут содержать электронную почту в полной форме, и именно поэтому вы хотите, чтобы пользователь взаимодействовал со страницей, прежде чем вы назначите такие переменные. Если ваша объектная модель javascript содержит какие-либо адреса электронной почты в состоянии готовности DOM, вы раскрываете их спамерам.

HTML:

<div data-bind="foreach: contacts">
    <div class="contact">
        <div>
            <h5 data-bind="text: firstName + ' ' + lastName + ' / ' + department"></h5>
            <ul>
                <li>Phone: <span data-bind="text: phone"></span></li>
                <li><a href="#999" data-bind="click:$root.reveal">E-mail</a> <span data-bind="visible: $root.msgMeToThis() != ''"><input class="merged" data-bind="value: mPrefix" readonly="readonly" /><span data-bind="text: '@' + domain"></span></span></li>
            </ul>
        </div>
    </div>
</div>

JS

function ViewModel(){
    var self = this;

    self.contacts = ko.observableArray([
        { firstName:'John', mPrefix: 'john.doe', domain: 'domain.com', lastName: 'Doe', department: 'Sales', phone: '+358 12 345 6789' },
        { firstName:'Joe', mPrefix: 'joe.w', domain: 'wonder.com', lastName: 'Wonder', department: 'Time wasting', phone: '+358 98 765 4321' },
        { firstName:'Mike', mPrefix: 'yo', domain: 'rappin.com', lastName: 'Rophone', department: 'Audio', phone: '+358 11 222 3333' }
    ]);
    self.msgMeToThis = ko.observable('');
    self.reveal = function(m, e){
        var name = e.target.attributes.href.value;
        name = name.replace('#', '');
        self.msgMeToThis(name);
    };
}
var viewModel = new ViewModel();
ko.applyBindings(viewModel);

Вы можете попытаться скрыть символы, используя объекты HTML в шестнадцатеричном формате (например, & # x40 для @). Это удобное решение, так как правильный браузер его переведет, а у вас может быть обычная ссылка. Недостаток в том, что бот умеет переводить теоретически, но это немного необычно. Я использую это для защиты своей электронной почты в своем блоге.

Другое решение - использовать javascript для сборки части адреса и оперативного декодирования адреса. Недостатком является то, что браузер с отключенным javascript не отображает ваш адрес.

Наиболее эффективное решение - использовать изображение, но пользователю сложно копировать адрес вручную.

Ваше решение довольно хорошее, поскольку вы добавляете недостаток (вручную пишете @) только для пользователей, у которых отключен javascript. Вы также можете быть в большей безопасности с помощью:

onclick="this.href='mailto:' + 'admin' + '@' + 'domain.com'"

Один из моих любимых методов - скрыть адрес электронной почты с помощью php, классический пример - преобразовать символы в значения HEX следующим образом:

function myobfiscate($emailaddress){
 $email= $emailaddress;                
 $length = strlen($email);                         
 for ($i = 0; $i < $length; $i++){                
 $obfuscatedEmail .= "&#" . ord($email[$i]).";";
 }
 echo $obfuscatedEmail;
}

А потом в своей разметке я просто назову это так:

  <a href="mailto:<?php echo myobfiscate('[email protected]'); ?>"
title="Email me!"><?php echo myobfiscate('[email protected]');?> </a>

Тогда изучите свой источник, вы будете приятно удивлены!

Спам-боты это не интерпретируют, потому что это менее известный метод :)

Сначала определите css:

email:before {
    content: "admin";
}

email:after {
    content: "@example.com";
}

Теперь, где бы вы ни хотели отображать свою электронную почту, просто вставьте следующий HTML-код:

<div id="email"></div>

И тада!

Я использую очень простую комбинацию CSS и jQuery, которая правильно отображает адрес электронной почты для пользователя, а также работает при щелчке или наведении на привязку:

HTML:

<a href="mailto:[email protected]" id="lnkMail">moc.elpmaxe@em</a>

CSS:

#lnkMail {
    unicode-bidi: bidi-override;
    direction: rtl;
}

jQuery:

$('#lnkMail').hover(function(){
    // here you can use whatever replace you want
    var newHref = $(this).attr('href').replace('spam', 'com');
    $(this).attr('href', newHref);
});

Вот рабочий пример.

! - Добавляя это для справки, не знаю, насколько устаревшей может быть информация, но в ней рассказывается о нескольких простых решениях, которые не требуют использования каких-либо сценариев

После того, как я сам искал это, я наткнулся на эту страницу, но также и на эти страницы:

http://nadeausoftware.com/articles/2007/05/stop_spammer_email_cdresses_obfuscating_email_cdressters_ob

<bdo dir="rtl">moc.elpmaxe@nosrep</bdo>
Result : [email protected]

Тот же эффект с использованием CSS

CSS:
.reverse { unicode-bidi:bidi-override; direction:rtl; }
HTML:
<span class="reverse">moc.elpmaxe@nosrep</span>
Result : [email protected]

Сочетание этого с любым из ранее упомянутых методов может даже сделать его более эффективным.

Одно из простых решений - использовать сущности HTML вместо реальных символов. Например, "[email protected]" будет преобразован в:

<a href="&#109;&#97;&#105;&#108;&#116;&#111;&#58;&#109;&#101;&#64;&#101;&#120;&#97;&#109;&#112;&#108;&#101;&#46;&#99;&#111;&#109;">email me</A>

Вот моя рабочая версия:

Создайте где-нибудь контейнер с резервным текстом:

<div id="knock_knock">Activate JavaScript, please.</div>

И добавьте внизу DOM (после рендеринга) следующий фрагмент:

<script>
  (function(d,id,lhs,rhs){
    d.getElementById(id).innerHTML = "<a rel=\"nofollow\" href=\"mailto"+":"+lhs+"@"+rhs+"\">"+"Mail"+"<\/a>";
  })(window.document, "knock_knock", "your.name", "example.com");
</script>

Он добавляет сгенерированную гиперссылку в указанный контейнер:

<div id="knock_knock"><a rel="nofollow" href="[email protected]">Mail</a></div>

Кроме того, вот уменьшенная версия:

<script>(function(d,i,l,r){d.getElementById(i).innerHTML="<a rel=\"nofollow\" href=\"mailto"+":"+l+"@"+r+"\">"+"Mail"+"<\/a>";})(window.document,"knock_knock","your.name","example.com");</script>

Лучший метод сокрытия адресов электронной почты хорош только до тех пор, пока программист-бот не обнаружит эту «кодировку» и не реализует алгоритм дешифрования.

Вариант JavaScript не будет работать долго, потому что есть много поисковых роботов, интерпретирующих JavaScript.

Нет ответа, имхо.

Вероятно, есть боты, которые распознают [at] и другие маскировки как символ @. Так что это не очень эффективный метод.

Конечно, вы можете использовать некоторые кодировки, такие как кодирование URL или ссылки на символы HTML (или и то, и другое):

// PHP example
// encodes every character using URL encoding (%hh)
function foo($str) {
    $retVal = '';
    $length = strlen($str);
    for ($i=0; $i<$length; $i++) $retVal.=sprintf('%%%X', ord($str[$i]));
    return $retVal;
}
// encodes every character into HTML character references (&#xhh;)
function bar($str) {
    $retVal = '';
    $length = strlen($str);
    for ($i=0; $i<$length; $i++) $retVal.=sprintf('&#x%X;', ord($str[$i]));
    return $retVal;
}

$email = '[email protected]';
echo '<a href="'.bar('mailto:?to=' . foo(','.$email.'')).'">mail me</a>';

// output
// <a href="&#x6D;&#x61;&#x69;&#x6C;&#x74;&#x6F;&#x3A;&#x3F;&#x74;&#x6F;&#x3D;&#x25;&#x32;&#x43;&#x25;&#x37;&#x35;&#x25;&#x37;&#x33;&#x25;&#x36;&#x35;&#x25;&#x37;&#x32;&#x25;&#x34;&#x30;&#x25;&#x36;&#x35;&#x25;&#x37;&#x38;&#x25;&#x36;&#x31;&#x25;&#x36;&#x44;&#x25;&#x37;&#x30;&#x25;&#x36;&#x43;&#x25;&#x36;&#x35;&#x25;&#x32;&#x45;&#x25;&#x36;&#x33;&#x25;&#x36;&#x46;&#x25;&#x36;&#x44;">mail me</a>

Но поскольку их использовать законно, каждый браузер / почтовый клиент должен также обрабатывать эти кодировки.

Я поклонник SpamSpan - он запутан, но все еще поддается расшифровке, если JS отключен. Кажется, он тоже работает, хотя я использую его всего около года на сайте с низким трафиком.

Также есть модуль для Drupal, который автоматически превращает электронные письма в SpamSpans, если он вам нужен.

Изящный трюк состоит в том, чтобы иметь div со словом Contact и отображать адрес электронной почты только тогда, когда пользователь наводит на него указатель мыши. Электронная почта может быть закодирована в кодировке Base64 для дополнительной защиты.

Вот как:

<div id="contacts">Contacts</div>

<script>
  document.querySelector("#contacts").addEventListener("mouseover", (event) => {
    // Base64-encode your email and provide it as argument to atob()
    event.target.textContent = atob('aW5mb0BjbGV2ZXJpbmcuZWU=')
  });
</script>

Одна из возможностей - использовать свойство isTrusted (Javascript).

Свойство isTrusted только для чтения интерфейса Event является логическим, которое имеет значение true, если событие было сгенерировано действием пользователя, и false, когда событие было создано или изменено сценарием или отправлено через EventTarget.dispatchEvent ().

например, в вашем случае:

getEmail() {
  if (event.isTrusted) {
    /* The event is trusted */
    return '[email protected]';
  } else {
    /* The event is not trusted */
    return '[email protected]';
  }
}

⚠ IE несовместим!

Дополнительные сведения см. В документе: https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted

Будет ли работать, если я щелкну ссылку правой кнопкой мыши и выберу «копировать URL»? В противном случае это не идеальная ситуация (я очень редко нажимаю на ссылку mailto, предпочитая скопировать адрес электронной почты и вставить его в свое почтовое приложение или в другое место, где он мне нужен в определенный момент времени).

Раньше я был довольно параноиком, защищая свой почтовый адрес в сети (UseNet, Интернет и т.п.), но в наши дни я подозреваю, что больше «возможных целей для спама» на самом деле генерируются программно, сопоставляя локальные части с доменами. Я основываю это на том, что иногда просматривал журналы своего почтового сервера. Как правило, делается довольно много попыток доставки на несуществующие адреса (включая усеченные версии спам-приманки, которые я использовал на UseNet еще в конце 90-х, когда считывание адресов было очень распространенным).

после использования такого количества техник я нашел простой и очень дружелюбный способ, боты ищут @ Símbolo, а недавно они ищут [at] и это вариант, поэтому я использую 2 метода

1. я пишу свою электронную почту на изображении, которое используется в доменных звонках, и оно работает отлично, или
2. заменить символ Símbolo (@) его изображением, например

и alt = "@" изображения будет alt = "@", поэтому бот найдет изображение, и любой человек будет считайте это обычным адресом, поэтому, если он скопирует его, он скопирует электронное письмо, и работа будет выполнена, поэтому код будет

<p>myname<img src="http://www.traidnt.net/vb/images/mail2.gif" width="11" height="9" alt="@" />domain.com</p>

Существует сценарий PHP с открытой лицензией, который выводит javascript, который кодирует почту: http://www.maurits.vdschee.nl/php_hide_email/. Затем вы можете легко вызвать функцию php с конкретным письмом в качестве аргумента.

Сначала я хотел бы убедиться, что адрес электронной почты отображается только тогда, когда у вас включен javascript. Таким образом, не существует простого текста, который можно было бы прочитать без javascript.

Во-вторых, одним из способов реализации безопасной функции является отказ от тега <button>. Этот тег нуждается в текстовой вставке между тегами, что делает его читаемым на компьютере. Вместо этого попробуйте <input type="button"> с обработчиком javascript для onClick. Затем используйте все методы, упомянутые другими, чтобы реализовать безопасную нотацию электронной почты.

Еще один вариант - иметь кнопку с надписью «Нажмите, чтобы увидеть адрес электронной почты». После щелчка это превращается в закодированное электронное письмо (символы в кодах HTML). При следующем щелчке это перенаправляет на функцию mailto: email.

Некодированная версия последней идеи с выбираемыми и неизменяемыми адресами электронной почты:

<html>
<body>
<script type="text/javascript">
      e1="@domain";
      e2="me";
      e3=".extension";
email_link="mailto:"+e2+e1+e3;
</script>
<input type="text" onClick="this.onClick=window.open(email_link);" value="Click for mail"/>
<input type="text" onClick="this.value=email;" value="Click for mail-address"/>
<input type="button" onClick="this.onClick=window.open(email_link);" value="Click for mail"/>
<input type="button" onClick="this.value=email;" value="Click for mail-address"/>
</body></html>

Посмотрите, хотите ли вы этого, и совместите это с идеями других. Никогда нельзя быть слишком уверенным.

И моя функция. Я создал его, глядя на ответы, размещенные в этой теме.

 function antiboteEmail($email)
 {
        $html = '';

        $email = strrev($email);
        $randId = rand(1, 500);

        $html .= '<span id="addr-'.$randId.'" class="addr">[turn javascript on to see the e-mail]</span>';
        $html .= <<<EOD
                <script>
                $(document).ready(function(){

                    var addr = "$email";
                    addr = addr.split("").reverse().join("");
                    $("#addr-$randId").html("<a href=\"mailto:" + addr + "\">" + addr + " </a>");
                });
                </script>
EOD;

        return $html;
    }

Он использует два метода: каталог справа налево и размещение javascript.

Вариант 1. Разделите адрес электронной почты на несколько частей и создайте из этих частей массив в JavaScript. Затем соедините эти части в правильном порядке и используйте свойство .innerHTML, чтобы добавить адрес электронной почты на веб-страницу.

 <span id="email">  </span>   // blank tag

 <script>
 var parts = ["info", "XXXXabc", "com", "&#46;", "&#64;"];
 var email = parts[0] + parts[4] + parts[1] + parts[3] + parts[2];
 document.getElementById("email").innerHTML=email; 
 </script>

Вариант 2. Используйте изображение вместо текста сообщения электронной почты

Веб-сайт для создания изображений из текста: http://www.chxo.com/labelgen/

Вариант 3. Мы можем использовать AT вместо "@" и DOT вместо "."

i.e :

 info(AT)XXXabc(DOT)com 

Мне не нравится смешивать JavaScript и HTML, поэтому я использую это решение. У меня пока работает нормально.

Идея: вы можете усложнить задачу, указав зашифрованную информацию в data-атрибутах и ​​расшифруя ее в JS. Это просто делается заменой букв или их перестановкой.

HTML:

<span class="generate-email" data-part1="john" data-part2="gmail" data-part3="com">placeholder</span>

JS:

$(function() {
    $('.generate-email').each(function() {
        var that = $(this);
        that.html(
            that.data('part1') + '@' + that.data('part2') + '.' + that.data('part3')
        );
    });  
});

Попробуйте: http://jsfiddle.net/x6g9L817/

как насчет HTML_CHARACTER ?:

joe@mail.com

выходы

[email protected]

Вот простое решение этой проблемы с помощью jquery:

<script type="text/javascript">
$(document).ready(function() {
    str1="mailto:";
    str2="info";
    str3="@test.com";
    $("#email_a").attr("href", str1+str2+str3);

});
</script>

<a href="#" id="email_a"><img src="sample.png"/></a>

Мне больше всего нравится ответ ofaurax, но я бы изменил его для немного более скрытого электронного письма:

onclick="p1='admin'; p2='domain.com'; this.href='mailto:' + p1 + '& #x40;' + p2"

Я просто должен дать другой ответ. Я просто придумал, с чем можно поиграть.

Я обнаружил, что во многих таблицах общих символов буквы @ и a-z встречаются более одного раза. Вы можете сопоставить исходные символы с новыми сопоставлениями, чтобы спам-ботам было сложнее определить, что это за электронная почта.

Если вы перебираете строку и получаете символьный код буквы, затем добавляете к нему 65248 и строите html-объект на основе числа, вы получаете удобочитаемый адрес электронной почты.

var str = '[email protected]';
str = str.toLowerCase().replace(/[\.@a-z]/gi, function(match, position, str){
    var num = str.charCodeAt(position);
    return ('&#' + (num + 65248) + ';');
});

Вот рабочая скрипка: http://jsfiddle.net/EhtSC/8/

Вы можете улучшить этот подход, создав более полный набор сопоставлений между персонажами, которые выглядят одинаково. Но если вы скопируете / вставите электронное письмо, например, в блокнот, вы получите много ящиков.

Чтобы решить некоторые проблемы с пользовательским интерфейсом, я создал электронное письмо как ссылку. Когда вы щелкаете по нему, символы снова отображаются на их оригиналы.

Чтобы улучшить это, вы можете создавать более сложные сопоставления символов, если хотите. Если вы можете найти несколько символов, которые можно использовать, например, вместо «а», почему бы не сопоставить их случайным образом.

Возможно, это не самый безопасный подход, но мне действительно было весело с ним поиграть: D

Это, вероятно, лучший и самый простой защитник электронной почты в Интернете. Очень просто, но в нем есть возможность добавлять все навороты.

Защита электронной почты на веб-страницах

Использует JavaScript. Успешно пользуюсь этим уже много лет.

Другой вариант, я предпочитаю шрифтовые отличные иконки

Реализация Fa:

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

Почта Адрес:

<a href="mailto:[email protected]"><span class="label">info<i class="fa fa-at"></i>uploadimage.club</span></a>