关于网站中Logo部分的写法

标签：indent   背景图片   esc   文字   需要   class   col   部分   加油！   

由于SEO对网页产生的影响，我们在写html的时候要注意写好三大要素:
1.keywords

2.describtion

3.title
我们在写像h1 h2 h3 这种标题的时候尽量要带有网站的名字 这样会提高权重 使网页更容易被搜索到
在做logo 的时候 我们一般使用如下结构

<div class="logo">
        <h1>
            <a href="#">京东</a> 
        </h1>
    </div>

当然在a里面的京东 通常都会显示文字,而我们做 logo一般是采用背景图片的形式来进行code

所以我们需要把京东在a里移除
但是在a里要保证有京东这两个字 （因为对于网站的优化来说 这是很有必要的东西）
所以呢 我们一般都采用缩进几个字节的形式来进行书写

.logo a {
        text-indent:-999px;
    }

然后这样之后就看不到了 但是别忘记要清除一下浮动
不必然文字还是会显示在屏幕上 就显得很难看 （可是就是不能在a里把他们删除掉气不气 哈哈哈）

.logo a{
        overflow:hidden;
}

这样logo 部分就完成的差不多了
写的不好 继续加油！

关于网站中Logo部分的写法

标签：indent   背景图片   esc   文字   需要   class   col   部分   加油！   

原文地址：https://www.cnblogs.com/Lzxgg-xl/p/10153796.html