为什么Firefox中的DOCTYPE行是红色的？答案

【问题标题】：Why is DOCTYPE line red in firefox?为什么Firefox中的DOCTYPE行是红色的？
【发布时间】：2012-04-07 10:41:04
【问题描述】：

我之前设计的网站没有问题，但现在我在 Firefox 11 中看到 DOCTYPE 行是红色的。验证没有问题。我将编码更改为没有 BOM 的 UTF-8，但问题仍然存在。

http://validator.w3.org/check?uri=genelvana.com

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

【问题讨论】：

firefox 10.02 说它有效。您是否使用任何可能导致无效的扩展程序？
和 firefox 11 也验证了该页面。这可能是由您的扩展程序之一引起的。
我删除了所有插件，重新安装了 firefox，卸载了卡巴斯基安全软件，但还是一样...
@HasanGürsoy 我也有同样的问题。这是我的测试文件：matthewpavkov.com/dev/temp/firefox-validation-issue.html 在 Firefox 11 中查看源代码时，doctype 显示为红色。
另见这篇相关的 Stack Overflow 文章：stackoverflow.com/questions/10775005/…

标签： validation firefox utf-8 doctype

【解决方案1】：

难道不是因为Transitional doctype 不再有效，除非您使用的是旧代码？

如果你现在建立一个网站，肯定是现在，你应该使用 strict 还是 html5？

【讨论】：

你的意思是它不再有效了？当然它仍然有效： - w3.org/QA/2002/04/valid-dtd-list.html - bit.ly/HY1KnR - 不过，我同意应该使用 strict 或 html5 文档类型。
英语不好抱歉。使用过渡非常过时，这是我的观点。除非将旧代码因素纳入项目，否则不应再使用。
那个链接来自 2002...foonjobi！

【解决方案2】：

Fx6 未将其着色为红色时，此处相同。

当悬停在第一行时，会出现一个工具提示，说

几乎标准模式的文档类型。应为“”。

您可以放心地忘记这个“建议”恕我直言。要做的重要事情是选择一个有效的文档类型，然后编写符合该文档类型的代码，就像你已经做的那样。没有浏览器关心html 后面的内容，所以相反的情况也是如此：没有浏览器关心html 后面是否有任何内容；)
当然，如果您使用 HTML5 元素和技术（nav 元素、canvas 或其他），那么可以使用 HTML5 文档类型。

【讨论】：

那是错误的。浏览器确实关心html 之后的内容。这就是“几乎标准”模式部分的含义。由于各种历史原因，此文档类型正在触发一种不太符合标准的模式。所以如果你真的想要符合标准的渲染，你不想使用这个 doctype。
从现在开始我使用

【解决方案3】：

这不是一个错误，而是一个警告。 Firefox 只是提醒您，您正在使用的 DOCTYPE XHTML 1.0 Transitional 触发了几乎标准模式，而不是标准模式。
如果您希望页面以标准模式显示，您只需将 DOCTYPE 更改为 XHTML 1.0 Strict 或 HTML 5。

【讨论】：

【解决方案4】：

您可能会遇到一些 CSS 验证错误，例如小数像素值或缺少以下单位声明：

div {left:3.545253px;}

或

div {left: 50;}

这些会导致 html 文档类型验证错误。检查您的 CSS 文件和 jQuery CSS 设置（如果有）。

【讨论】：

我在另一台 PC 上没有收到任何错误。可能问题与代码无关。
sitepoint.com/forums/… 表示如果您的脚本中没有任何 html5 标记并使用此 doctype，它将给出验证错误。尝试在代码的某处添加一个空的<section></section>。