1、新建一个html文件,命名为test.html,用于讲解在网页中防止爬虫抓取真实Email地址的小技巧。
2、在test.html文件内,使用style标签创建css样式编写区域,css代码将在style标签内执行。
3、在test.html文件内,使用h1标签创建邮箱地址的显示区,并设置其class属性为email,代码如下:
4、在test.html文件内,使用span标签包围已倒转的email地址,并设置其c盟敢势袂lass属性为jm,代码如下:
5、在test.html文件内,使用css设置h1的样式,颜色为黑色,文字大小为2em,字体加粗。
6、在test.html文件内,通过css中unicode-bidi和direction两属性设置邮箱地址反转显示。
7、在浏览器打开test.html,查看邮箱地址,可见,使用css成功将代码里的邮箱地址反转显示,变成真实的地址。