Chrome不会显示网站图示 | Chrome不会显示网站图示

本文介绍了Chrome不会显示网站图示的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我无法设法显示此网站的网站图示铬。
我已经检查它与Safari和favicon正确显示
我应该如何解决它？

UPDATE / p>

这里紧跟我的css的第一部分

 <！DOCTYPE HTML> 
 
< html b：render ='false'b：version ='2'class ='v2'expr：dir ='data：blog.languageDirection'xmlns ='http： w3.org/1999/xhtml'xmlns：b ='http：//www.google.com/2005/gml/b'xmlns：data ='http：//www.google.com/2005/gml/data' xmlns：expr ='http：//www.google.com/2005/gml/expr'> 
< head profile =http://www.w3.org/2005/10/profile> 
 
 
< b：include data ='blog'name ='all-head-content'/> 
< title>低耦合< / title> 
< meta content ='！'name ='fragment'/> 
< meta content ='dynamic'name ='blogger-template'/> 
< meta content ='IE = 9，chrome = 1'http-equiv ='X-UA-Compatible'/> 
< meta content ='initial-scale = 1.0，maximum-scale = 4.0，user-scalable = yes，width = device-width'name ='viewport'/> 
 
< meta name ='text：Disqus Shortname'content =''/> 
 
<！ -  Le styles  - > 
< link href =// netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap.css =stylesheet> 
< style type ='text / css'> 
 .hero-unit {
 background-color：white; 
 min-height：0px; 
 padding：0px; 
 min-width：0px; 
 margin-bottom：30px; 
 
} 
 
 body {
 padding-top：60px; 
 padding-bottom：40px; 
} 
 
 
 .sidebar-nav {
 padding：9px 0; 
} 
 
 .tweet {
 margin-top：10px; 
 
} 
 p.centredimg {
 text-align：center; 
} 
 
} 
< / style> 
< link href =// netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.css =stylesheet> 
< link href =http://alexgorbatchev.com/pub/sh/current/styles/shCoreDefault.css =stylesheettype =text / css/> 
< script src =http://alexgorbatchev.com/pub/sh/current/scripts/shCore.jstype =text / javascript>< / script> 
< script src =http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.jstype =text / javascript>< / script> 
< script type =text / javascript> SyntaxHighlighter.all（）;< / script> 
 
 
 
< script> 
（function（i，s，o，g，r，a，m）{i ['GoogleAnalyticsObject'] = r; i [r] = i [r] || function（）{
 （i [r] .q = i [r] .q || []）。push（arguments）}，i [r] .l = 1 * new Date（）; a = s.createElement b $ bm = s.getElementsByTagName（o）[0]; a.async = 1; a.src = g; m.parentNode.insertBefore（a，m）
} ，'// www.google-analytics.com/analytics.js','ga'）; 
 
 ga（'create'，'UA-41136618-1'，'lowcoupling.com'）; 
 ga（'send'，'pageview'）; 
 
< / script> 
 
<！ -  HTML5 shim，用于IE6-8对HTML5元素的支持 - > 
<！ -  [if lt IE 9]> 
< script src ='.. / assets / js / html5shiv.js'>< / script> 
<！[endif]  - > 
< link rel =shortcut iconhref ='http：//sites.google.com/site/lowcoupling/favicon_16x16.ico'/> 
< / head> 
< body> 
 
< div class ='navbar navbar-inverse navbar-fixed-top'>

解决方案

您有 meta 标签和样式表包含在您的文档的正文中，而不是头

[image]这是你的代码。为了清楚起见，头部封闭。身体部分是开放的，因此告诉你我所指的标签驻留在这里。

I can't manage to show the favicon of this site http://www.lowcoupling.com on chrome.I have checked it with Safari and the favicon is correctly shownHow should i fix it?

UPDATE

here follows the first part of my css

<!DOCTYPE HTML>

<html b:render='false' b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head profile="http://www.w3.org/2005/10/profile">


    <b:include data='blog' name='all-head-content'/>
    <title>Low Coupling</title>
    <meta content='!' name='fragment'/>
    <meta content='dynamic' name='blogger-template'/>
    <meta content='IE=9,chrome=1' http-equiv='X-UA-Compatible'/>
    <meta content='initial-scale=1.0, maximum-scale=4.0, user-scalable=yes, width=device-width' name='viewport'/>

   <meta name='text:Disqus Shortname' content='' />

<!-- Le styles -->
   <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap.css" rel="stylesheet">
    <style type='text/css'>
    .hero-unit {
        background-color: white;
        min-height: 0px;
  padding: 0px;
  min-width: 0px;
  margin-bottom: 30px;

    }

      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }


      .sidebar-nav {
        padding: 9px 0;
      }

      .tweet{
          margin-top: 10px;

      }
      p.centredimg {
       text-align: center;
      }

      }
    </style>
   <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.css" rel="stylesheet">
 <link href="http://alexgorbatchev.com/pub/sh/current/styles/shCoreDefault.css" rel="stylesheet" type="text/css" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js" type="text/javascript"></script>
 <script type="text/javascript">SyntaxHighlighter.all();</script>



<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-41136618-1', 'lowcoupling.com');
  ga('send', 'pageview');

</script>

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src='../assets/js/html5shiv.js'></script>
    <![endif]-->
<link rel="shortcut icon"  href='http://sites.google.com/site/lowcoupling/favicon_16x16.ico'/>
  </head>
  <body>

<div class='navbar navbar-inverse navbar-fixed-top'>

解决方案

You have your meta tags and stylesheet includes within the body of your document and not the head

[image] This is your code. The head section is closed, for clarity. The body section is open thus showing you that the tags i was referring to reside here.

这篇关于Chrome不会显示网站图示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！