Chrome不会显示网站图示 [英] Chrome doesn't show the favicon
本文介绍了Chrome不会显示网站图示的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我无法设法显示此网站的网站图示 http://www.lowcoupling.com 铬。
我已经检查它与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 shown How 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不会显示网站图示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
