- logo里面首先放一个
h1标签,目的是为了提权,告诉搜索引擎,这个地方很重要 h1里面再放一个 a 链接,可以返回首页,把 logo 的背景图片给 a 链接即可- 为了搜索引擎收录我们,我们链接里面要放文字(网站名称),但是文字不要显示出来
- 方法1:
text-indent移动到盒子外面(text-indent: -9999px;),然后overflow: hidden;,淘宝的做法 - 方法2:直接给
font-size: 0;就看不到文字了,京东的做法
- 方法1:
- 最后给链接一个
title属性,这样鼠标放到logo上就可以看到提示文字了