这是我的问题,我的html索引标题中有2个链接rel标记。一个标签用于我的样式表,另一个是快捷图标链接,用于在我的浏览器选项卡中使用图标(fyi使用FF19)。
<link rel="shortcut icon" href="tophat2.ico"/>
<link rel="stylesheet" type="text/css" href="style.css"/>
每个rel链接都可以自行运行。当我有一个接一个的时候,虽然底部的那个(被解析为第二个)是唯一一个显示的。它们看起来相互重叠,所以我得出结论,我不能同时将图标快捷方式和样式表作为单独的rel链接,但这是我可以通过Google找到的唯一方法,所以我被困住了。
答案 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工作,所以我有一个工作样式表和图标。感谢您试图帮助每个人。这个可能仍然是一个谜。