LOGO SEO 强化

前言

在某些网页中，为了能让浏览器更好的搜索到该网页，就会使用logo SEO来提权！

代码部分

<div class="logo">
        <h1>
            <a href="index.html" title="小米商城">
                小米商城
            </a>
        </h1>
        <!-- 这里设置li就是为了提权,然后h1里面再放一个链接图片由背景引入 -->
    </div>

*{
            margin: 0;
            padding: 0;
            font-size: 12px;
        }
        .logo{
            width: 50px;
            height: 50px;
            background-image: url("../mi/img/mi-logo.png");
            background-size: 100% 100%;
            background-color: coral;
        }
        h1{
            width: 100%;
            height: 100%;
        }
        .logo a{
            display: block;
            width: 100%;
            height: 100%;
            text-indent: -9999px;
            overflow: hidden;
            /*这里只有设置了display后面的-9999px才会生效！！！
            方法二：直接给font-size：0*/
        }