将 rel 或 name 属性添加到 div 和 span 会导致 IE/FF 进入 quirks 模式吗？答案

【问题标题】：Will adding rel or name attributes to divs and spans cause IE/FF to go into quirks mode?将 rel 或 name 属性添加到 div 和 span 会导致 IE/FF 进入 quirks 模式吗？
【发布时间】：2010-02-08 20:26:45
【问题描述】：

会喜欢一个标签

<span id="suchAndSuch" class="blah" rel="this.that.other" name="this.name"></span>

或

<div id="suchAndSuch" class="blah" rel="this.that.other" name="this.name"></div>

将 IE 和/或 FF 扔给 QM？根据 W3C 的说法，这些不是这些标签的标准属性，但它并没有说明它是否会使它们无效。

非常感谢您的帮助。

【问题讨论】：

标签： html internet-explorer web-standards quirks-mode

【解决方案1】：

不，它不会使浏览器进入怪癖模式。在DOCTYPE 之前没有DOCTYPE 或没有HTML 注释（或任何HTML 内容）将使浏览器进入怪癖模式。

如果您可以避免使用自定义属性，那么您应该这样做。如果不能，您可能需要考虑使用 HTML5 文档类型，然后使用 data 属性。例如，你写的可以这样写：

<div id="suchAndSuch" class="blah" data-references="this.that.other" data-name="this.name"></div>

这仍然有效，并且受到现代浏览器（甚至一些旧浏览器）的支持。

【讨论】：

我必须补充一点，当在 DOCTYPE 之前使用 HTML 注释时，只有 IE 会进入怪癖模式。火狐等。仍然会坚持下去。

【解决方案2】：

您必须使用有效的文档类型，并且它必须是在文件中找到的第一件事。我还没有测试过严格文档类型和自定义属性的行为，但我确信过渡文档类型可以与自定义属性一起使用。

我认为关键是要有一个有效的 doctype：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

【讨论】：

【解决方案3】：

Quirks 模式只能根据为文档指定的（缺少）DOCTYPE 触发。

在Firefox或IE中，您可以通过在地址栏中粘贴以下内容来检查文档的模式：

javascript:alert(document.compatMode)

document.compatMode 的有效值为BackCompat（用于怪癖模式）和CSS1Compat（用于标准/严格模式）。

在 Firefox 中，您还可以右键单击文档并单击“查看页面信息”。该模式将在顶部附近列为“渲染模式”。

【讨论】：

【解决方案4】：

您可以通过以下方式检查页面的呈现方式：

在 Firefox 中，转到工具 > 页面信息并查看“渲染模式”。

在 IE8 中点击工具 > 开发者工具并查看右上角的“文档模式”。

例如，此页面在 Firefox 中以“标准合规模式”呈现，在 Internet Explorer 中以“IE8 标准”呈现。

【讨论】：

【解决方案5】：

感谢所有的提示答案。我继续使用 W3C 验证器测试了上面的每个标签，在 div 或 spans 中使用 rel 或 name 确实是无效的 X/HTML（我相信严格）。

【讨论】：