stylesheet链接rel和快捷方式图标链接rel相互覆盖,所以我不能同时使用我的样式表和图标

时间:2013-03-04 01:48:09

标签: html icons stylesheet

这是我的问题,我的html索引标题中有2个链接rel标记。一个标签用于我的样式表,另一个是快捷图标链接,用于在我的浏览器选项卡中使用图标(fyi使用FF19)。

<link rel="shortcut icon" href="tophat2.ico"/>
<link rel="stylesheet" type="text/css" href="style.css"/>

每个rel链接都可以自行运行。当我有一个接一个的时候,虽然底部的那个(被解析为第二个)是唯一一个显示的。它们看起来相互重叠,所以我得出结论,我不能同时将图标快捷方式和样式表作为单独的rel链接,但这是我可以通过Google找到的唯一方法,所以我被困住了。

2 个答案:

答案 0 :(得分:0)

http://mathiasbynens.be/notes/rel-shortcut-icon。它说:

  

大多数网站使用以下HTML来指定favicon:

<link rel="shortcut icon" href="/favicon.ico">
     

看起来没问题吧?猜猜是什么 - 它不是!

     

今天,我了解到快捷方式不是有效的链接关系。确实,   它没有出现在HTML5规范的4.12.5节中   '链接类型'。事实上,它是Internet Explorer专有的。   没有IE,rel =“icon”就足以指定一个favicon。

由于您使用的是Firefox,这可以解释为什么它不起作用。试试吧:

<link rel="icon" href="tophat2.ico"/>

但请注意,这可能无法在IE 8或更低版本中使用。后来在同一篇文章中说:

  

如果从rel属性,Internet中省略了快捷方式的值   资源管理器完全忽略声明,搜索名为的文件   站点根目录中的favicon.ico,并使用它。事实上,差不多   当没有指定链接rel =“icon”时,每个浏览器都会这样做。   使用rel =“icon shortcut”在IE中也不起作用,因为它没有   将rel属性视为以空格分隔的列表。

     

确保始终将favicon放在您的根目录中   网站,并将其命名为favicon.ico

答案 1 :(得分:0)

好的我固定了它!我不知道为什么 * *这个有效,但确实如此。我复制了我的rel link = icon 标记并将其粘贴为2个waring rel链接上方的副本。首先解析的副本看起来很破坏,这无关紧要,但现在下面的2工作,所以我有一个工作样式表和图标。感谢您试图帮助每个人。这个可能仍然是一个谜。