zoukankan      html  css  js  c++  java
  • logo优化

    logo优化

    1、logo尽量小

    2、一般做背景放进去,搜索引擎不人IMG

    3、加h1提权

    4、搜索引擎对a标签友好,加a标签

    5、加title属性,提高用户体验

    6、可以用text-indent:-9999em隐藏a标签中的文字

    7、首页logo和二级域名的logo不能取相同的名字

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6 <style type="text/css">
     7     body,div{margin:0;padding:0;}
     8     body{min-width:700px;}
     9 .column{
    10     height:300px;float:left;
    11 }
    12 .main{
    13     width:100%;
    14 }
    15 .inner{
    16     height:300px;background:red;width:100%;
    17     margin:0 200px 0 200px;
    18 }
    19 .left{
    20     width:200px;margin-left:-100%;;
    21 
    22 }
    23 .logo{width:181px;height:45px;}
    24 .logo a{
    25     display:block;
    26     width:100%;
    27     height:100%;
    28     text-indent:-9999em;
    29     background:url("img/logo.gif") no-repeat;
    30 }
    31 .right{width:200px;margin-left:-200px; background:orange;
    32 
    33 }
    34 
    35 
    36 </style>
    37 
    38 
    39 </head>
    40 <body>
    41     <div class="container">
    42         <div class="column main">
    43 <div class="inner">
    44         acvbdfdfesdfacvbdfdfesdfacvbdfdfesdf
    45         acvbdfdfesdfacvbdfdfesdfacvbdfdfesdfacvbdfdfesdfacvbdfdfesdfacvbdfdfesdf
    46         acvbdfdfesdfacvbdfdfesdfacvbdfdfesdfacvbdfdfesdf
    47         acvbdfdfesdfacvbdfdfesdfacvbdfdfesdfacvbdfdfesdf
    48         acvbdfdfesdfacvbdfdfesdfacvbdfdfesdfacvbdfdfesdf
    49         acvbdfdfesdfacvbdfdfesdfacvbdfdfesdfacvbdfdfesdf
    50         acvbdfdfesdfacvbdfdfesdfacvbdfdfesdfacvbdfdfesdf</div>
    51         </div>
    52         <div class="column left">
    53             <div class="logo">
    54                 <h1>
    55                     <a href="#" title="企业">企业</a>
    56                 </h1>
    57             </div>
    58         </div>
    59         <div class="column right"></div>
    60     </div>
    61 </body>
    62 </html>
    View Code
  • 相关阅读:

    es -Aggregations
    散列表学习
    SpringCloud (一)——基本的搭建
    1.5 中不支持 lambda 表达 java
    区块链 (一)——基础
    线性表
    Redis(四)——消息队列
    rune is alias of int32
    wall time
  • 原文地址:https://www.cnblogs.com/wxlyq/p/5053272.html
Copyright © 2011-2022 走看看