样式表链接rel和快捷方式图标的link rel互相覆盖,所以我不能用我的样式表和图标在同一时间(s

2019-10-17 19:03发布

这里是我的问题,我在我的HTML索引头2个的link rel标签。 一个标记是我的样式表,另一个是一个快捷方式图标的link rel在我的浏览器选项卡中使用的图标(仅供参考使用FF19)。

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

每个版本的链接工作正常自身。 当我让他们接连虽然一个在底部(被解析秒),一个是但所显示的只有一个。 他们似乎是压倒一切的海誓山盟,所以我断定我不能同时拥有图标快捷方式,并且每个样式表作为一个单独的相对链接,但,这是我通过谷歌找到这样我坚持的唯一方法。

Answer 1:

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

大多数网站使用以下HTML指定一个图标:

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

看起来不错,对吧? 你猜怎么着 - 这是不是!

今天,笔者了解到,快捷方式是不是一个有效的链接关系。 事实上,它并不在“链接类型”的HTML5规范的第4.12.5显示。 这是,事实上,私有到Internet Explorer。 如果没有IE,相对=“图标”即可指定一个图标。

由于使用的是Firefox,这可以解释为什么它不工作。 尽量只这一点:

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

但要注意,这可能不是在IE 8或以下工作。 后来在同样的岗位,它说:

如果快捷值从rel属性省略时,Internet Explorer忽略声明完全,搜索一个名为favicon.ico的站点根文件,并使用它来代替。 事实上,几乎所有的浏览器的确,当没有的link rel =“图标”中指定。 使用rel =“图标快捷方式”将不能在IE浏览要么,因为它没有把rel属性为空格分隔的列表。

只要确保始终把图标在您的网站的根目录下,并将其命名为favicon.ico



Answer 2:

OK我修好了! 我不知道为什么* *这个工作,但它没有。 我复制我的版本的链接图标=标签并粘贴它作为上述2华林相对链接重复。 重复的被第一解析出现打破这并不重要,但现在下面工作2,所以我有一个工作样式和图标。 感谢努力帮助大家。 这人可能仍是一个谜。



文章来源: stylesheet link rel and shortcut icon link rel override each other so I cannot use my stylesheet and icon at the same time