代码之家 › 专栏 › 技术社区 › Travis Beale

注释可以出现在DOCTYPE声明之前吗?

doctype comments html

Travis Beale · 技术社区 · 17 年前

我想发表评论( 

5 回复 | 直到 9 年前

Roshana Pitigala Laxmansinghsodhanohdiyala 8 年前

它是做

<!-- this, -->
<!DOCTYPE html>

然而, 它带来全部 IE的版本 怪癖模式 (除非是 被迫的 进入无怪癖模式,请查看 戈查斯 下节)。最简单的方法是将注释移动到DOCTYPE下方。

<!DOCTYPE html>
<!-- this, -->

但另一种方法是升级合适的 有条件的

<!--[if !IE]> this <![endif]-->
<!DOCTYPE html>

说明: 一 有条件的 评论没有计数作为评论,在IE的世界里。

替代语法:

<!--[if anybrowser]> this <![endif]-->
<!DOCTYPE html>

同样,要特别针对IE,可以这样做

<!--[if !anybrowser]> this <![endif]-->
<!DOCTYPE html>

戈查斯

评论内部条件注释将使IE进入怪癖模式 如果IE看到它 如果一个使用a [if!anybrowser] 我上面提到的条件。).例如,这将使IE进入怪癖模式:

<![if IE]><!-- this --><![endif]>
<!DOCTYPE html>

正如所愿

<!--[if IE]><!--><!-- this <![endif]-->
<!DOCTYPE html>

以及许多其他变体。然而,例如

<!--[if IE]><!DOCTYPE html><!--><!-- this <![endif]-->
<!DOCTYPE html>

会不导致怪癖模式,因为条件注释具有DOCTYPE 之前 任何其他 因此IE认为页面的第一内容是DOCTYPE。

IE8和IE9 ,可以是 被迫的 通过使用微软的另一项发明 x-ua-兼容 指令。看 http://msdn.microsoft.com/en-us/library/cc288325(v=vs.85).aspx

<!-- this -->
<!DOCTYPE html>
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=8" ><![endif]-->

将模式,而IE6和IE7将保持怪癖模式。然而,

<!--[if gte IE 8]><meta http-equiv="X-UA-Compatible" content="IE=8" ><![endif]-->
<!DOCTYPE html>

会 IE8和IE9进入标准模式, 尽管条件注释的内容不从DOCTYPE开始。IE6和IE7也将保持无怪癖模式,因为条件注释不针对它们。

126

Komputist Ms2ger 15 年前

写作 <!DOCTYPE> 第一个当然是最佳实践。

<!DOCTYPE> 因为之前有一些看似无辜的东西——我认为只是空白,但也许这是一条评论。无论如何,这是一个可怕的、可怕的bug,必须追踪,而且肯定没有任何好的理由在之前添加注释或空格 <!DOCTYPE> .

写作 <!DOCTYPE>

Jerod Venema 17 年前

虽然根据我认为的标准,这是可以接受的,但你肯定想避免它,因为它会让IE进入怪癖模式。

(参见 Triggering different rendering modes )

Kevin Newman 17 年前

据报道,这可能会导致IE7在怪癖模式下渲染,就像根本没有doctype一样 this page .

Komputist Ms2ger 15 年前

允许在doctype之前添加注释,但原因全部 IE版本将恢复到怪癖模式。事实上,它们有时会被用于这个目的。XML声明( <?xml version ...?> )具有相同的效果, .

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前