码迷,mamicode.com
首页 > Web开发 > 详细

关于网站中Logo部分的写法

时间:2018-12-21 13:12:41      阅读:219      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!