样式表打破TITLE属性 标签？

Posted 2021-05-03

我正在努力升级一个非常古老的企业内部网。我们的用户在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>属性？

答案

这似乎是预期的行为。例如，来自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规范，一次只能使用一个首选样式表。因此，给定上面的示例，只有两个首选样式表中的一个将应用于文档。规范没有提供决定应该使用哪一个的程序，因此用户代理可以自由地做出他们喜欢的任何选择。

另一答案

来自the spec

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

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

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

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