【问题标题】:What are all these comments I see on HTML pages after the doctype?我在 doctype 之后在 HTML 页面上看到的所有这些评论是什么?
【发布时间】:2011-12-05 08:13:52
【问题描述】:

谁能告诉我这是什么:

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js ie ie6" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie ie7" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie ie8" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->  <html class="no-js iframe" lang="en"> <!--<![endif]-->

我在很多页面上都看到了这一点,但有些页面上没有 JavaScript 链接来支持文档声明。

【问题讨论】:

  • “某些页面上没有 JavaScript 链接来支持文档声明。” ——我不太明白你的意思。

标签: html conditional doctype


【解决方案1】:
 <!--[if lt IE 7]> 

这意味着&lt;!--[if lt IE 7]&gt;...&lt;![endif]--&gt; 中的代码只能在 IE 7 浏览器中运行 和 &lt;!--[if lt IE 8]&gt;...&lt;![endif]--&gt; 仅在 IE8 浏览器中

此提示仅适用于 IE 浏览器。例如你可以写&lt;!--[if lt IE 7]&gt;&lt;style .../&gt;&lt;![endif]--&gt;,这种风格只适用于IE 7。比下一行你可以写&lt;!--[if lt IE 8]&gt;&lt;style .../&gt;&lt;![endif]--&gt;,这种风格只适用于IE8

【讨论】:

    【解决方案2】:

    这是 HTML5 页面的文档类型

    <!DOCTYPE html>
    

    以下行表示注释标记之间的代码是特定于 IE 的(第一个用于 IE7 以下的浏览器(IE6、IE5 等),第二个用于 IE7,第三个用于 IE8,最后一个对于 >= IE9)

    <!--[if lt IE 7]> <html class="no-js ie ie6" lang="en"> <![endif]-->
    <!--[if IE 7]>    <html class="no-js ie ie7" lang="en"> <![endif]-->
    <!--[if IE 8]>    <html class="no-js ie ie8" lang="en"> <![endif]-->
    <!--[if gt IE 8]><!-->  <html class="no-js iframe" lang="en"> <!--<![endif]-->
    

    【讨论】:

    • 有多少光顾的回复。也许这就是我的措辞。所以 IE 根本无法使用正常的 而是不得不求助于我已经知道的正常条件语句。
    【解决方案3】:

    您应该使用它作为您的 Doctype:&lt;!DOCTYPE html&gt;

    其余的与文档类型无关,并且是特定于 IE 的。

    【讨论】:

      【解决方案4】:

      这些只是检查与旧浏览器的兼容性

      &lt;!DOCTYPE html&gt;通常指的是HTML5,IE9以下的浏览器根本不支持HTML5,所以需要做一些调整。这就是为什么有 HTML if 子句来检查您是否使用 IE 以及哪个版本的原因。 HTML 元素为该浏览器版本获取一个特殊的类,以便 CSS 可以查看它是否是 IE 以及在哪个版本中(例如,用于修复 IE6 的框模型)

      no-js 类可能会被 JavaScript 移除,因此 CSS 只能在 JavaScript 开启/关闭时访问特定元素

      【讨论】:

        【解决方案5】:

        这似乎是来自 html5 Boilerplate 的“浏览器检测”标准格式的 sn-p,参见 http://html5boilerplate.com/

        您突出显示的部分仅允许解析 &lt;html&gt; 标记的一部分,具体取决于站点访问者使用的浏览器的风格。

        在作者网站上阅读有关此方法的更多信息 > http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

        【讨论】:

        • 谢谢。懂的人。标记并重新标记。
        猜你喜欢
        • 2010-11-06
        • 2012-01-09
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2014-08-12
        • 2019-11-12
        • 1970-01-01
        相关资源
        最近更新 更多