Dreamweaver 在 Internet Explorer 中导致 Quirks 模式答案

【问题标题】：Dreamweaver causing Quirks Mode in Internet ExplorerDreamweaver 在 Internet Explorer 中导致 Quirks 模式
【发布时间】：2011-09-11 18:22:23
【问题描述】：

我使用 Dreamweaver 开发网站。我广泛使用模板功能，因为它有助于使事情更容易保持一致性。

但是，我注意到 Dreamweaver 在 doctype 之前添加了以下代码：

<!-- InstanceBegin template="/templates/web-public-user-home.dwt" codeOutsideHTMLIsLocked="false" -->

这让我的 IE 进入 Quirks 模式，原因很明显（即在 doctype 之前添加注释）。有没有办法解决这个问题？！以下是我的文档类型。

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

问候，

【问题讨论】：

标签： dreamweaver quirks-mode

【解决方案1】：

好的，我想通了。

由于我正在进行广泛的 IE 合规性调整，我使用了条件 cmets。但是，我在 html 标签上使用它们。原则上这没有什么问题，但是当您执行此操作时，Dreamweaver 不会正确处理您的实时模板更新（它会将特定于 Dreamweaver 的模板锁定代码放在 doctype 之前，从而确保您的页面将在 IE 中抛出 Quirks 模式） .

所以我所做的就是将我的条件评论系统从 html 标记中移开，而是在您的开始正文标记之后和您的结束正文标记之前立即使用它们，如下所示：

<body>
<!--[if IE 6 ]> <div id="ie" class="ie6"> <![endif]-->
<!--[if IE 7 ]> <div id="ie" class="ie7"> <![endif]-->
<!--[if IE 8 ]> <div id="ie" class="ie8"> <![endif]-->
<!--[if gt IE 8 ]> <div id="ie"> <![endif]-->
<!--[if !IE]><div id="not-ie"> <![endif]-->

{YOUR HTML CODE}

  </div>
</body>

这样，Dreamweaver 将 doctype 和 html 标记放在模板锁定代码之前，您生成的页面将在 IE 上以标准模式显示（一切正常）。

干杯。

【讨论】：

你为什么要在“if IE”评论的末尾加上</div> 和一个“!IE”评论和</div>？当然这些可以简单地替换为</div>....
@ClarkeyBoy 你是对的。我这样做已经有一段时间了，我一定一直在尝试做其他事情，因为那个双重肯定条件看起来像是荷马辛普森写的。我已经编辑了代码。干杯。
哈哈@荷马辛普森评论.. :)

【解决方案2】：

Dreamweaver（包括 CS6）将<!-- InstanceBegin template="... 注释放在doctype 标记前仅当它无法在您的模板中找到开始的<html> 标记时！当您完全忘记该标签时会发生这种情况，而且当该标签放置在这样的条件 cmets 中时也会发生这种情况：

<!--[if IE 8]> <html class="ie8"> <![endif]-->

为避免这种情况，您必须避免在条件 cmets 中包含 <html> 标记。当您在模板代码中使用普通的、不加掩饰的 <html> 标签时，Dreamweaver 会自动将 <!-- InstanceBegin template="... after 该 <html> 标签放在从该模板派生的所有文件中，并且 IE 不会陷入怪癖模式。

【讨论】：