HTML 注释分解

【问题标题】：HTML comments break downHTML 注释分解
【发布时间】：2010-09-05 13:07:55
【问题描述】：

我有一个生成的页面，它在页面顶部附近插入了一个 HTML 注释。注释里面是一个 *nix 风格的命令。

<!-- command --option value --option2 value2 --option3 -->

此评论完全破坏了页面。导致这种情况发生的评论有什么问题，为什么会这样？

【问题讨论】：

【解决方案1】：

XML Spec from the w3.org 中的评论：

为了兼容性，字符串“--” （双连字符）不得出现在厘米。

【讨论】：

【解决方案2】：

如果你真的想在你的页面中保留评论，你可以使用它而不是 HTML 评论：

<div style="display:none">command --option value --option2 value2 --option3 </div>

甚至

<div class="comment">command --option value --option2 value2 --option3 </div>

并指定：

.comment {display:none;}

在您的样式表中。

【讨论】：

【解决方案3】：

<html> 之前页面顶部的评论会使 IE 进入怪异模式，这可以解释为什么分页符，如果那是您的评论出现的地方。

更多信息，请查看this wikipedia page上的“触发不同的渲染模式”

【讨论】：