CSS 内容移除(seo,用户看不到,为了给搜索引擎看)


内容移除(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>


智能推荐

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
© 2014-2019 ITdaan.com 粤ICP备14056181号  

赞助商广告