使用伪元素隐藏机器人的电子邮件地址？

Question

伪元素不是DOM的一部分。它们不能被javascript作为目标，并且它们对用户可见。

如果我想用我的电子邮件地址（或者我不想自动删除的任何其他信息）实施网站，但不希望机器人看到它，我不能简单地做：

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

对我来说，这是隐藏机器人内容的一种非常怪异且万无一失的方式。它怎么会失败？

Answer 1

用户无法点击电子邮件地址作为通过电子邮件发送给您的链接。如果这是你可以接受的，那么解决方案应该可以正常工作。

Answer 2

我认为机器人也可以扫描css，并通过regex查找电子邮件，因此您可能会尝试将电子邮件分散到各个部分，例如

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

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

但请注意，这是一个用户体验 - 罪恶，因为最终用户无法复制地址并将被强制输入