>웹 프론트엔드 >CSS 튜토리얼 >웹 사이트에서 이메일 주소를 안전하게 공유하는 방법

웹 사이트에서 이메일 주소를 안전하게 공유하는 방법

Christopher Nolan
Christopher Nolan원래의
2025-03-10 09:24:14721검색

How to Safely Share Your Email Address on a Website 이제 스팸은 홍수입니다. 연락처 정보를 공유하고 싶고 스팸에 압도되지 않으려면 솔루션이 필요합니다. 몇 달 전에이 문제가있었습니다. 이 문제를 해결하는 방법을 연구하는 동안 흥미로운 해결책을 찾았습니다. 그들 중 하나만이 내 필요를 완벽하게 만족시킵니다.

이 기사는 다양한 방법을 사용하여 스팸 봇으로부터 이메일 주소를 쉽게 보호하는 방법을 보여줍니다. 필요에 따라 올바른 방법을 선택할 수 있습니다.

카탈로그 html {Scroll -Behavior : Smooth} - 전통적인 방법

html 메소드 html 및 css 메소드 JavaScript 메소드 인라인 양식 메소드

결론

전통적인 방법 웹 사이트가 있다고 가정 해 봅시다. 소셜 링크를 공유하는 것이 아니라 연락처 정보를 공유하려고합니다. 이메일 주소가 있어야합니다. 아주 간단합니까? 다음을 입력 할 수 있습니다

그런 다음 선호도에 따라 스타일을 지정하십시오.

Ok,이 솔루션이 작동하더라도 문제가 있습니다. 웹 사이트 크롤러 및 다양한 스팸 봇을 포함하여 모든 사람이 이메일 주소를 볼 수 있습니다. 이것은 판촉 제안 및 심지어 피싱 활동과 같은 원치 않는 스팸으로받은 편지함이 압도 될 수 있음을 의미합니다.
    우리는 타협을 찾고 있습니다. 우리는 봇이 이메일 주소를 얻기 어렵게 만들고 싶지만 평범한 사용자에게는 가능한 간단합니다.
  • 솔루션은 혼란입니다.
  • 혼란스러운
  • 는 이해하기 어렵게 만드는 연습입니다. 이 전략은 여러 가지 이유로 소스 코드에 사용됩니다. 그 이유 중 하나는 소스 코드의 목적을 숨기거나 리버스 엔지니어링을 더욱 어렵게 만드는 것입니다. 우리는 먼저 혼란 아이디어를 기반으로 다른 솔루션을 살펴볼 것입니다.
  • html 메소드 우리는 로봇을 웹 페이지를 탐색하고 크롤링하는 소프트웨어로 생각할 수 있습니다. 봇이 HTML 문서를 얻은 후에는 내용을 해석하고 정보를 추출합니다. 이 추출 프로세스를
  • 네트워크 크롤링 라고합니다. 봇이 이메일 형식과 일치하는 패턴을 찾고 있다면 다른 형식을 사용하여 위장하려고 할 수 있습니다. 예를 들어 HTML 주석을 사용할 수 있습니다
  • 지저분 해 보이지만 사용자는 다음과 같은 이메일 주소를 볼 수 있습니다.
  • 프로 :

쉽게 설정하기 쉽습니다.

JavaScript 비활성화와 함께 작동합니다.

보조 기술은 그것을 읽을 수 있습니다.

<code><a href="https://www.php.cn/link/7c3b08f1b6142bceb956851f1a45442b">发送电子邮件给我</a></code>
단점 :

스팸 봇은 주석과 같은 알려진 시퀀스를 건너 뛸 수 있습니다.

는 Mailto : Link에서 작동하지 않습니다.

html 및 css 메소드 CSS의 스타일 기능을 사용하여 스팸 봇을 속이는 데만 사용되는 것을 제거하면 어떻게해야합니까? 우리가 이전과 동일한 내용을 가지고 있다고 가정하지만 이번에는 스팬 요소를 넣습니다.

<code><a href="https://www.php.cn/link/7c3b08f1b6142bceb956851f1a45442b">发送电子邮件给我</a></code>
그런 다음 다음 CSS 스타일 규칙을 사용합니다.

최종 사용자는 다음과 같이 표시됩니다

<p>如果您想联系我,请发送电子邮件至 email@address.com</p> 프로 :

JavaScript 비활성화와 함께 작동합니다.
<code>如果您想联系我,请发送电子邮件至 [email protected]</code>
Rob은 이메일 주소를 얻기가 더 어렵습니다.

보조 기술은 그것을 읽을 수 있습니다.

단점 : 는 Mailto : Link에서 작동하지 않습니다.

    JavaScript 메소드 이 예에서는 JavaScript를 사용하여 이메일 주소를 읽을 수 없습니다. 그런 다음 페이지로드 후 JavaScript를 사용하면 이메일 주소를 다시 읽을 수 있습니다. 이렇게하면 사용자가 이메일 주소를 얻을 수 있습니다.
  • 가장 쉬운 솔루션은 Base64 인코딩 알고리즘을 사용하여 이메일 주소를 디코딩합니다. 먼저 이메일 주소를 Base64로 인코딩해야합니다. 우리는 base64encode.org와 같은 일부 웹 사이트를 사용하여이를 수행 할 수 있습니다. 다음과 같이 이메일 주소를 입력하십시오 그런 다음 버튼을 클릭하여 인코딩합니다. 이 JavaScript 라인을 사용하여 이메일 주소를 디코딩하고 HREF 속성을 HTML 링크에 설정합니다.
  • 그런 다음 다음과 같이 이메일 링크가 태그에 포함되어 있는지 확인해야합니다.
  • 우리는 ATOB 메소드를 사용하여 Base64 인코딩 된 데이터를 디코딩합니다. 또 다른 방법은 JavaScript에서 쉽게 구현할 수있는 Caesar Cipher와 같은 기본 암호화 알고리즘을 사용하는 것입니다.
  • 프로 :
  • 로봇은 특히 암호화 알고리즘을 사용할 때 이메일 주소를 얻기가 더 어렵습니다.
는 Mailto : Link에서 작동합니다.

보조 기술은 그것을 읽을 수 있습니다. 단점 :

    > JavaScript는 브라우저에서 활성화되어야합니다. 그렇지 않으면 링크가 비어 있습니다.
  • 인라인 양식 메소드
연락처 양식은 어디에서나 사용할 수 있습니다. 당신은 확실히 그들 중 적어도 하나를 사용했습니다. 사람들이 직접 연락하기를 원한다면 가능한 솔루션 중 하나는 웹 사이트에서 연락처 양식 서비스를 구현하는 것입니다.

FormSpree는 서버 측 코드에 대해 걱정하지 않고 연락처 양식의 모든 이점을 제공하는 서비스의 예입니다. Wufoo도 마찬가지입니다. 실제로 연락 양식 제출을 처리하기 위해 고려할 수있는 많은 서비스가 있습니다.

모든 양식 서비스를 사용하는 첫 번째 단계는 계정을 등록하고 작성하는 것입니다. 물론 가격은 다르며 다른 서비스간에 제공되는 기능도 다릅니다. 그러나 대부분의 서비스는 HTML 스 니펫을 제공하여 웹 사이트 또는 응용 프로그램에 작성한 양식을 포함시킵니다. 다음은 Formspring 계정에서 작성한 양식에서 직접 추출한 예입니다.

귀하의 이메일 :

귀하의 메시지 :

첫 번째 줄에서 전송되면 엔드 포인트를 기준으로 작업을 사용자 정의해야합니다. 이 양식은 매우 기본적이지만 원하는만큼 많은 필드를 추가 할 수 있습니다.

9 행에 숨겨진 입력 마크를 기록하십시오. 이 입력 태그는 일반 사용자 및 봇이 제출 한 컨텐츠를 필터링하는 데 도움이됩니다. 실제로, Formspree의 백엔드가 해당 입력을 채우는 커밋을 본다면, 그것을 폐기합니다. 평균 사용자는이 작업을 수행하지 않으므로 로봇이어야합니다.

프로 :

이메일 주소는 공개되지 않기 때문에 안전합니다. JavaScript 비활성화와 함께 작동합니다.

단점 :
  • 타사 서비스에 의존합니다 (필요에 따라 플러스 일 수 있음)
  • 이 솔루션에는 한 가지 더 단점이 있지만, 주관적이기 때문에 목록에서 제거했습니다. 사용 사례에 따라 다릅니다. 이 솔루션을 사용하면 이메일 주소를 공유하지 않습니다. 당신은 사람들에게 당신에게 연락 할 수단을주고 있습니다. 사람들이 이메일을 보내고 싶다면 어떻게해야합니까? 사람들이 귀하의 이메일 주소를 찾고 있고 연락 양식이 필요하지 않은 경우 어떻게해야합니까? 이 경우 접촉 양식은 지나치게 힘든 솔루션이 될 수 있습니다.
  • 결론 우리는 끝에 도달했습니다! 이 자습서에서는 온라인 이메일 공유 문제에 대한 다양한 솔루션에 대해 논의합니다. 우리는 HTML 코드, JavaScript 및 FormsPree와 같은 온라인 서비스를 포함하여 다른 아이디어를 도입하여 연락처 양식을 작성했습니다. 이 튜토리얼이 끝나면 표시된 전략의 모든 장단점을 이해해야합니다. 이제 특정 사용 사례를 기반으로 가장 적절한 전략을 선택할 수 있습니다.

위 내용은 웹 사이트에서 이메일 주소를 안전하게 공유하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.