0042 网站logo图标 优化

  • logo 里面 首先放一个 h1 标签 ,目的是为了提权,告诉搜索引擎,这个地方很重要
  • h1里面在放一个连接,可以返回首页的, 给连接一个 大小 和 logo 的背景图片
  • 连接 里面要放文字(网站名称),为了搜索引擎收录我们。 但是文字不要显示出来
    • 要用 text-indent 移到盒子外面 (text-indent: -9999px) 然后overflow:hidden 淘宝的做法
    • 直接给font-size: 0; 就看不到文字了, 京东的做法。
  • 最后给 连接一个 title 这样鼠标放到logo 上, 就可以看到提示文字了
原文地址:https://www.cnblogs.com/jianjie/p/12126578.html