华夏名网主机5折起,详情访问 jxun.net !每天五分钟,了解电商动态!

CSS反转字符倒序输出,变向加密Email地址

企业建站 鱼之缘 915℃ 0评论

营销无处不在,为了防止爬虫抓取到邮箱地址,发送营销、广告邮件(俗称垃圾邮件),我们一般会把在网站上留下的邮箱地址稍作处理,比 如:admin#yangzblog.com(#用@代替)、admin#(@)yangzblog.com。现在有一种更优雅的方式:利用CSS反转字 符倒序输出Email,变向加密Email地址。且看代码:

XML/HTML Code复制内容到剪贴板
  1. <style>
  2. .email{unicode-bidi:bidi-override; direction: rtl;}
  3. </style>
  4. <span class=“email”>moc.golbzgnay@nimda</span>

输出效果:admin@yangzblog.com。这样爬虫抓取到的就是moc.golbzgnay@nimda,而用户看到的就是正确的Email地址。
扩展:
unicode-bidi
定义
:设置文本的方向。
说明:尽管 CSS 试图处理书写方向,但 Unicode 有一种更健壮的方式来处理方向性。利用属性 unicode-bidi,CSS 创作人员可以充分利用 Unicode 的某些功能。
可能的值:bidi- override,这会为行内元素创建一个覆盖。对于块级元素,将为不在另一块中的行内后代创建一个覆盖。这说明,顺序重排在元素内部严格按照 direction属性进行;忽略了双向算法的隐式部分;normal,元素不会对双向算法打开附加的一层嵌套;embed,如果是一个行内元素,这个值 对于双向算法会打开附件的一层嵌套。

direction
定义和用法
:规定文本的方向 / 书写方向。该属性指定了块的基本书写方向,以及针对 Unicode 双向算法的嵌入和覆盖方向。不支持双向文本的用户代理可以忽略这个属性。
可能的值:ltr,默认,文本方向从左到右;rtl,文本方向从右到左;inherit,规定应该从父元素继承direction属性的值。

转载请注明:昆山SEO服务,专注企业网络营销-李麟 » CSS反转字符倒序输出,变向加密Email地址

喜欢 (0)or分享 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址