logo书写与搜索引擎的搭配

logo是作为背景图片展现在页面上

<div class="logo">
	<h1>
		<a href="index.html">
		品质优购
		</a>
	</h1>
</div>

这么显示是为了搜索引擎可以识别这个标题主要是h1的作用
但是图片显示时是不允许出现a中的文字的

css文件中

.logo a{
	display:block;
	width:背景宽;
	height:背景高;
	font-size:0;
}

或者

.logo a{
	display:block;
	width:背景宽;
	height:背景高;
	text-indent:-999px;
	<!--首行缩进-->
}

.logo{
	overflow:hidden;
}