前端：logo优化

优化步骤

• logo里面首先放一个h1标签，目的是为了提权，告诉搜索引擎,这个地方很重要
• h1里面在放一 个连接，可以返回首页的， 给连接一 个大小和logo的背景图片
• 连接里面要放文字(网站名称) .为了搜索引擎收录我们。
• 最后给连接一个 title , 这样鼠标放到ogo上， 就可以看到提示文字了

淘宝的做法:

.logo a {
  text-indent: -9999px;
  overflow: hidden;
}

京东的做法:

.logo a {
  font-size: 0;
}

有限的例子：

例1：

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

.logo a {
  display: block;
  width: 175px;
  height: 56px;
  background: url(../img/logo.png) no-repeat;
  font-size: 0;
}