内容移除(seo,用户看不到,为了给搜索引擎看)
第一种方式.html(logo超链接):
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .logo{ width: 143px; height: 76px; background: url("logo.png"); } a{ display: inline-block; width:143px; height:76px; text-indent:-5000em; /*通过缩进隐藏,a标签只有设置宽高(函内块元素)缩进才生效*/ } </style> </head> <body> <div class="logo"> <h1> <!--h1标签也是为了seo--> <a href="#">搜狐</a> </h1> </div> </body> </html>第二种方式.html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box{ width: 300px; height: 0; /*高度设为0,并且溢出隐藏。用户就会看不到div里边的内容*/ padding-top: 100px; /*padding-top 是为了看到div*/ overflow: hidden; background: red; } </style> </head> <body> <div class="box">给搜索引擎看的内容</div> </body> </html>
本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。