HTML和CSS中的注释是否会产生渲染问题?

时间:2010-06-16 02:14:32

标签: html css comments

HTML和/或CSS注释是否可能导致渲染问题?

HTML评论:<!-- some info -->

CSS:/* some info */

7 个答案:

答案 0 :(得分:8)

您所显示的评论不会导致任何显示问题,但如果您这样做:

<!-- My comment ---------- -->

您可能会遇到Firefox的问题。这是因为两个破折号表示评论的结尾和&gt;是结束评论标记。从技术上讲这是有效的:

<!-- My -- comment >

所以可能发生的事情是你的评论没有在你认为应该的地方结束,所以一些内容仍然被注释掉,或者评论显示在页面上。

更多细节可以在这里找到:

http://weblog.200ok.com.au/2008/01/dashing-into-trouble-why-html-comments.html

答案 1 :(得分:3)

完全没有,问题只会在您添加额外的开始或结束信件时发生,甚至有时会丢失(在这种情况下,浏览器不会将其视为评论),例如:

<!-- some info -->>       // extra >
<!- some info -->         // missing - from begining
<!-- some info --         // missing >

CSS评论也是如此。

答案 2 :(得分:1)

在极少数情况下,由于一些评论,我在ie6中看到了文本重影的一些问题,但除此之外我不相信任何评论(css或html)会引起问题,尤其是在现代浏览器中。

答案 3 :(得分:0)

从来没有发生过。如果您遇到问题,可以随时验证HTMLCSS

答案 4 :(得分:0)

我不记得为什么,但是,我已经看到在一个场景中导致问题。当然,在IE中。这是一个HTML评论。

答案 5 :(得分:0)

实际上我们刚遇到这样的场合,我仍然在寻找一个好的解释。

事实上,问题是臭名昭着的IE6 drop float bug(在固定宽度浮动div中以超大尺寸内容触发)。在我看一看之前,设计师确信评论是问题(“但是当我删除它们时它会起作用!”)。她可能是对的;我的怀疑是HTML注释占用了额外的空间,内容变得过大,结果IE6陷入了困境。虽然我仍然找不到任何可靠的支持我的理论:)

答案 6 :(得分:0)

我刚才遇到这个问题:在Kindle Fire(Safari)上查看时网页消失了。当我拿出评论时,页面又回来了。我测试了三次。据我所知,没有其他任何改变,评论标签没有遗漏任何东西。 (我刚检查过;不知道如何在此处发布代码,但它与上面的示例相符。)

哦,我不认为它可能是“太多的内容”,正如Jodeci理论化的那样 - 我将我的网站剥离到除了一个导航栏和两个div之外,因为我试图弄清楚为什么它保留了消失。