css - 疑似要素を使用してボットからメールアドレスを非表示にしますか？

Question

疑似要素はDOMの一部ではありません。それらはjavascriptのターゲットにすることはできず、ユーザーに表示されます。

自分の電子メールアドレス（または自動的に取得したくないその他の情報）を使用してサイトを実装したいが、ロボットに表示したくない場合は、単純に次のことを行うことはできません。

<style>
.email-point::after {
    content: "cris@domain.com"
}
</style>
<span class="email-point">Email:</span>

私にとって、これはロボットからコンテンツを隠すための非常に不気味で絶対確実な方法です。どのように失敗しますか？

score 1 · Accepted Answer

ユーザーは、あなたに電子メールを送信するためのリンクとして電子メールアドレスをクリックすることはできません。それが受け入れられる場合、ソリューションは正常に機能するはずです。

score 1 · Accepted Answer

ロボットもをスキャンし、css経由でメールを見つける可能性があると思いregexます。

<span class="cris email">@</span>

.cris.email::before{
    content: "cris"
}
.email::after {
    content: "domain.com"
}

ただし、エンドユーザーはアドレスをコピーできず、入力する必要があるため、これは UX の罪であることに注意してください。

2 に答える 2