ボットからメールアドレスを隠す-mailtoを保持する:
tl; dr スクリプトを使用せずにボットからメールアドレスを非表示にし、mailto:機能を維持します。メソッドはスクリーンリーダーもサポートする必要があります。 概要 スクリプトやお問い合わせフォームを使用せずに難読化をメールで送信 メールアドレスは、人間の視聴者に完全に表示され、機能を維持する必要がありますmailto: メールアドレスは画像形式であってはなりません。 メールアドレスは、スパムクローラーやスパムボット、その他の種類のハーベスターから「完全に」隠されている必要があります 望ましい効果: スクリプトはありません。プロジェクトで使用されているスクリプトはありません。そのままにしておきたいと思います。 メールアドレスはページに表示されるか、モーダルを開くなどのユーザー操作の後に簡単に表示できます。 ユーザーは、電子メールアドレスを上のクリックできる順番にトリガーするmailto:機能を。 電子メールをクリックすると、ユーザーの電子メールアプリケーションが開きます。 言い換えれば、mailto:機能が機能する必要があります。 メールアドレスが表示されていないか、ボットのメールアドレスとして識別されていません(これにはページソースが含まれます) スパムでいっぱいの受信トレイがありません 何をしない仕事は メールアドレスの代わりに連絡フォーム(または同様のもの)を追加する お問い合わせフォームが嫌いです。お問い合わせフォームに記入することはめったにありません。メールアドレスがない場合は電話番号を探し、電話番号がない場合は別のサービスを探し始めます。どうしても必要な場合にのみ、コンタクトフォームに記入します。 住所を住所の画像に置き換える これは、スクリーンリーダーを使用している人に大きな不利益をもたらします(将来のプロジェクトで視覚障害者を覚えておいてください) また、画像をクリック可能にしてからリンクの機能を追加しない限り、機能が削除されmailto:ますが、それでは目的が果たせなくなり、ボットにメールが表示されるようになります。mailto:href 何がうまくいくか: 賢い使い方pseudo-elementsでCSS base64エンコーディングを利用するソリューション 解体ユーザーがボタンをクリックしたときに電子メールアドレスを、文書間の部分を広げることは、その後(これはおそらく複数含むことになるモーダルで一緒に戻ってそれらを置くCSSクラスとの使用をanchor tags) を介してhtml属性を変更するCSS @MortezaAsadiは、以下のコメントで可能性を優雅に提起しました。これは完全なものへのリンクです-記事は2012年のものです: CSSを使用してHTML属性を変更できるとしたらどうでしょうか。 私の知識の範囲を超えている他の創造的な解決策。 同様の質問/修正 JavaScript:JoeMallerによってメールアドレスを保護する (これはJoe Mallerによって提案された素晴らしい修正です。うまく機能しますが、スクリプトベースです。次のようになります。 <SCRIPT TYPE="text/javascript"> emailE = 'emailserver.com' emailE = ('yourname' + '@' + emailE) document.write('<A href="mailto:' + …