- logo里面首先放一个h1标签,目的是为了提权,告诉搜索引擎,这个地方很重要。
- h1里面在放一个链接,可以返回首页的,给链接一个大小和logo的背景图片。
- 链接里面要放文字(网站名称),为了搜索引擎收录我们,但是文字不要显示出来:
1. 要用text-indent移动到盒子外面(text-indent:-9999px;),然后overflow:hidden; 淘宝的做法
2. 直接给font-size:0; 就看不到文字了,京东的做法。 - 最后给链接一个title,这样鼠标放到logo上,就可以看到提示文字了
CSS头部logo优化
最新推荐文章于 2022-03-09 19:50:09 发布