gpt4 book ai didi

HTML5 样板 IE 条件 IE8 解释

转载 作者:行者123 更新时间:2023-11-28 00:13:58 26 4
gpt4 key购买 nike

我一直在寻找解释为什么 HTML5 样板中 IE 的这部分 html 标记条件有这一部分:

<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

我问这个问题是为了了解它是如何工作的。我理解上面的条件,但为什么这个与上面的不同?与上面的条件相比,我不明白这个条件在做什么。

预先感谢您帮助我理解我将要使用的东西。

最佳答案

基本上,最后一部分用于 IE 9 及更高版本,以及所有其他浏览器。但是,由于 HTML 样板非常关注优化,因此语法更短并且不像它应该的那样直截了当。

我找到了解释它的文章,我建议你阅读整篇文章:

http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

Here's my proposed solution:

<!--[if lt IE 7]>      <html class="ie6"> <![endif]-->
<!--[if IE 7]> <html class="ie7"> <![endif]-->
<!--[if IE 8]> <html class="ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html> <!--<![endif]-->

由于您可以在文章中阅读到的问题,这实际上是后来更新的。

显然,部分奇怪的语法与 Dreamweaver(!) 错误有关。以下是摘录:

Here is the new recommendation, and the one that's in use in the HTML5 Boilerplate.

<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->

基本上,最后一行是“Do this if IE9+ or not IE”。下面的一些要点与您的问题没有直接关系,但我还是会包括它们。

Why?

  • This fixes a file blocking issue discovered by Stoyan Stefanov and Markus Leptien.
  • It avoids an empty comment that also fixes the above issue.
  • CMSes like WordPress and Drupal use the body class more heavily.
  • This makes integrating there a touch simpler It doesn't validate in html4 but is fine in html5. Deal with it.
  • It plays nicely with a technique to kick off your page-specific javascript based on your markup.
  • It uses the same element as Modernizr (and Dojo). That feels nice.
  • I left an empty class in there because you'll probably be putting a no-js in there or something else. If not, delete.
  • Also if the extra comments around that last tag look weird to you, blame Dreamweaver, which chokes on normal !IE conditional comments.

这里有关于这个问题的更多讨论:https://github.com/h5bp/html5-boilerplate/issues/425/#

关于HTML5 样板 IE 条件 IE8 解释,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13404414/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com