Html 铬不'；我不想展示我的favicon_Html_Css_Google Chrome

Html 铬不'；我不想展示我的favicon

html css google-chrome

Html 铬不'；我不想展示我的favicon,html,css,google-chrome,Html,Css,Google Chrome,我无法在chrome上显示此站点的favicon。我已经和Safari核对过了，favicon显示正确我该怎么修更新下面是我的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.goog

我无法在chrome上显示此站点的favicon。我已经和Safari核对过了，favicon显示正确我该怎么修

更新

下面是我的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'>


低耦合
.英雄单位{
背景色：白色；
最小高度：0px；
填充：0px；
最小宽度：0px；
边缘底部：30px；
}
身体{
填充顶部：60px；
填充底部：40px；
}
.侧边栏导航{
填充：9px0；
}
.推特{
边缘顶部：10px；
}
p、 中央数据库{
文本对齐：居中；
}
}
SyntaxHighlighter.all（）；
（函数（i，s，o，g，r，a，m）{i['GoogleAnalyticsObject']=r；i[r]=i[r]| |函数（）{
（i[r].q=i[r].q | |[]）.push（参数）}，i[r].l=1*新日期（）；a=s.createElement（o），
m=s.getElementsByTagName（o）[0]；a.async=1；a.src=g；m.parentNode.insertBefore（a，m）
})（窗口，文档，“脚本”，“www.google-analytics.com/analytics.js”，“ga”）；
ga（“创建”、“UA-41136618-1”、“lowcoupling.com”）；
ga（‘发送’、‘页面浏览’）；

如果像这样添加

type=“image/png”

会发生什么：

<link rel="shortcut icon" type="image/png" href="http://sites.google.com/site/lowcoupling/lowcouplingFavicon-01.png">

看。甚至可以删除“快捷方式”位，只需使用

rel=“icon”

，如果没有其他功能，请从png文件切换到ico文件。

如果添加

type=“image/png”

这样的文件会发生什么：

<link rel="shortcut icon" type="image/png" href="http://sites.google.com/site/lowcoupling/lowcouplingFavicon-01.png">

看。甚至可以删除“快捷方式”位，只需使用

rel=“icon”

，如果没有其他功能，则从png文件切换到ico文件。

您的

元标记和样式表包含在文档的正文中，而不是标题中
[图像]这是您的代码。为了清晰起见，头部部分是封闭的。正文部分是打开的，向您显示我所指的标记位于此处。
您有meta
标记和样式表
包含在文档的正文
中，而不是标题

[图像]这是您的代码。为了清晰起见，头部部分是封闭的。主体部分是打开的，因此显示我所指的标签位于此处。
您清除了chrome中的缓存了吗？这通常是罪魁祸首。我在Safari上看得很清楚。我刚刚在Chrome上查看了这个网站，事实上，它没有出现。这是因为该网站位于tumblr上的问题吗？我通常不使用tumblr，因此我不知道如何进行检查。该网站位于tumblr上，但您可以根据需要配置css，因此我猜我在cssTry中做了一些错误，将您的图标保存为根目录中的favicon.ico。这比使用链接或元标记更具跨浏览器兼容性。不幸的是，我想我不能这样做，因为这是一个tumblr博客。你在chrome中清除了缓存了吗？这通常是罪魁祸首。我在Safari上看得很清楚。我刚刚在Chrome上查看了这个网站，事实上，它没有出现。这是因为该网站位于tumblr上的问题吗？我通常不使用tumblr，因此我不知道如何进行检查。该网站位于tumblr上，但您可以根据需要配置css，因此我猜我在cssTry中做了一些错误，将您的图标保存为根目录中的favicon.ico。这比使用链接或元标记更具跨浏览器兼容性。不幸的是，我想我无法做到这一点，因为这是一个tumblr博客。我已经尝试了你建议的所有内容，现在我正在使用ico文件，但仍然看不到faviconI。我已经尝试了你建议的所有内容，现在我正在使用ico文件，但仍然看不到Favicona。你确定吗？我觉得这并不奇怪，因为如果我看css和从浏览器中检索的源代码，它看起来不像你发布的图片。头部包含meta标记，而body标记没有twttr呈现的数据。我正在mac上使用chrome开发工具。在本例中，您有meta
tag问题（在favicon中），这一事实将明确表明这就是原因。也许可以检查一下你的代码，看看是否有重复的头标签的体标签css@lowcoupling我看到了和Vector一样的东西：meta，标题标签在正文中，而不是标题中。我还看到了一堆404错误和一些javascript错误，我怀疑这是问题所在，但我想我会提到：）你确定吗？我觉得这并不奇怪，因为如果我看css和从浏览器中检索的源代码，它看起来不像你发布的图片。头部包含meta标记，而body标记没有twttr呈现的数据。我正在mac上使用chrome开发工具。在本例中，您有meta
tag问题（在favicon中），这一事实将明确表明这就是原因。也许可以检查一下你的代码，看看是否有重复的头标签的体标签css@lowcoupling我看到了和Vector一样的东西：meta，标题标签在正文中，而不是标题中。我还看到了大量404错误和一些javascript错误，我怀疑这是问题所在，但我想我应该提到：）