仅使用CSS保护电子邮件地址 [英] Protect e-mail address with CSS only
问题描述
我想保护我在网页上的电子邮件地址。
I want to protect my e-mail address on webpages.
但我不知道JavaScript和PHP。我只知道HTML和CSS。
But I don't know JavaScript and PHP. I know only HTML and CSS.
因此,请帮助我如何使用CSS保护我的电子邮件地址。
So, please help me how to protect my email address with CSS only.
推荐答案
这很简单。您可以保护您的电子邮件地址,只有HTML& CSS。你不需要知道PHP或Java脚本。尝试以下代码。
It's very simple. You can protect your email address with only HTML & CSS. You don't need to know about PHP or Java script. Try below code.
简单的HTML和CSS代码:
<!doctype html>
<html>
<head>
<title>Protect e-mail with only css</title>
<style type="text/css">
.e-mail:before {
content: attr(data-website) "\0040" attr(data-user);
unicode-bidi: bidi-override;
direction: rtl;
}
</style>
</head>
<body>
<span class="e-mail" data-user="nohj" data-website="moc.liamg"></span>
</body>
</html>
上述代码的输出:
jhon@gmail.com
strong>请注意:
Please note:
这里我只使用了两个额外的属性。
Here I'm just used two extra attributes.
1 ) data-user
在反向中写入您的电子邮件ID用户名。
1) data-user
write your e-mail id user name in reverse.
2) data-website
在反向中写入您的电子邮件ID网站。
2) data-website
write your e-mail id website in reverse.
这篇关于仅使用CSS保护电子邮件地址的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!