样式表打破TITLE属性 标签?

问题描述 投票:9回答:2

我正在努力升级一个非常古老的企业内部网。我们的用户在IE8和IE9上。我们的大多数网站都是在IE5-IE9中编写的。

我们即将升级所有人升级到IE11,飞行员发现了大量的兼容性问题。未来几个月将会有大量的补救措施,以及明智地使用企业模式,兼容模式,X-UA标签等。

但是我遇到了一个没有任何意义的奇怪问题。这似乎是一个bug,但是:

  • 它发生在IE11边缘模式,Chrome和Firefox中。
  • 我在运行IIS 6和IIS 7.5的服务器以及桌面上重复了这个问题。
  • 发生.asp,.htm和.aspx文件类型。

Here's the issue:

如果您的网页包含两个链接的样式表,并且两个标记都具有title属性,则不会应用第二个样式表中定义的样式,除非(a)标题属性完全匹配,或者(b)标题之一属性为空。

例如:

如果你的<link>标签具有相同的title属性,一切正常:

<link REL="stylesheet" HREF="a.css" TYPE="text/css" TITLE="1">
<link REL="stylesheet" HREF="b.css" TYPE="text/css" TITLE="1">

如果其中一个title属性为空,则一切正常:

<link REL="stylesheet" HREF="a.css" TYPE="text/css" TITLE="1">
<link REL="stylesheet" HREF="b.css" TYPE="text/css" TITLE="">

如果其中一个标签没有TITLE属性,一切正常:

<link REL="stylesheet" HREF="a.css" TYPE="text/css" TITLE="1">
<link REL="stylesheet" HREF="b.css" TYPE="text/css">

但是......如果title属性中有不同的值,则不会应用第二个样式表。

<link REL="stylesheet" HREF="a.css" TYPE="text/css" TITLE="1">
<link REL="stylesheet" HREF="b.css" TYPE="text/css" TITLE="2">

我已经辞职了,我们将不得不扫描内联网上的每一页,寻找title标签附带<link>属性的页面,但我真的很想知道为什么会发生这种情况。最有趣的是,这种情况发生在我尝试过的每一个现代浏览器中。如果强制IE11进入企业模式或Compat View,问题就会消失。

任何人都可以解释发生了什么,或提出解决方案,除了从title标签中删除<link>属性?

html css hyperlink title
2个回答
9
投票

这似乎是预期的行为。例如,来自MDN docs

首选样式表[...]是为stylesheet属性提供的rel值,以及title属性的任何值。这是两个例子:

<link type="text/css" rel="stylesheet" title="Basic styles" href="basic.css" />
<link type="text/css" rel="stylesheet" title="Fish and boats" href="ocean.css" />

根据HTML 4.01规范,一次只能使用一个首选样式表。因此,给定上面的示例,只有两个首选样式表中的一个将应用于文档。规范没有提供决定应该使用哪一个的程序,因此用户代理可以自由地做出他们喜欢的任何选择。


5
投票

来自the spec

title属性给出了链接的标题。除了一个例外,它纯粹是建议性的。值是文本。样式表链接例外,其中title属性定义了替代样式表集。

浏览器可以(我不知道任何更多,但extensions可用)提供一个UI,允许用户在作者提供的页面之间切换不同的样式表。

title属性用于对样式表进行分组以供选择(并为它们提供标签)。

遇到的第一个样式表将用于确定默认使用哪个组。

© www.soinside.com 2019 - 2024. All rights reserved.