HTML5样板文件<;头>;剧本及;手机设计

HTML5样板文件<;头>;剧本及;手机设计,html,html5boilerplate,Html,Html5boilerplate,最近我遇到了HTML5样板,我很喜欢它!但是有一部分我不明白 <!--[if lt IE 7 ]> <html class="ie6"> <![endif]--> <!--[if IE 7 ]> <html class="ie7"> <![endif]--> <!--[if IE 8 ]> <html class="ie8"> <![endif]--> <!--[if I

最近我遇到了HTML5样板,我很喜欢它!但是有一部分我不明白

<!--[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]-->

Paul Irish说我们可以用它来代替条件样式表和CSS黑客。有没有人在这方面有过一些经验?我读了他的博客很多次,但我还是无法理解

现在我正在使用CSS3媒体查询,但是它在IE中根本不起作用,我只是一个幸运儿,CSS3-mediaqueries.js文件(或类似文件)和respond.js文件对我来说根本不起作用。所以我决定使用条件注释或特定样式表,但我记得这个设置,但我真的不知道如何使用它

非常感谢您的帮助

正如您所猜测的,这些是所谓的条件注释。它们根本不是任何标准的一部分

它们是IE所做的一件有趣的事情——它实际上解析了应该是非活动数据的文本!但它应该起作用

使用方法很简单:如果您使用的是IE<7,那么您可以为
.ie6 blah
设置
blah
元素的样式。一个更具体的例子:假设当用户在IE8中时,您希望您的超链接为红色,否则为绿色。以下是一些CSS:

a {
    color: green;
}

.ie8 a {
    color: red;
}
由于“
a
是具有类
ie8
的元素的后代”比“any
a
”更具体,因此后者适用,并且在ie8中链接将为红色。此逻辑仅适用于IE8,因为这是IE8的条件注释被解释为HTML的一部分(而不是被注释掉)的唯一情况

另一个可能令人困惑的地方是最后一行,在注释块中有一个
-->
:这意味着完全忽略条件注释的浏览器仍将在最后一个块中看到HTML(以及IE>9和非IE,但仍在解释条件注释浏览器).

正如您所猜测的,这些是所谓的条件注释。它们根本不是任何标准的一部分

它们是IE所做的一件有趣的事情——它实际上解析了应该是非活动数据的文本!但它应该起作用

使用方法很简单:如果您使用的是IE<7,那么您可以为
.ie6 blah
设置
blah
元素的样式。一个更具体的例子:假设当用户在IE8中时,您希望您的超链接为红色,否则为绿色。以下是一些CSS:

a {
    color: green;
}

.ie8 a {
    color: red;
}
由于“
a
是具有类
ie8
的元素的后代”比“any
a
”更具体,因此后者适用,并且在ie8中链接将为红色。此逻辑仅适用于IE8,因为这是IE8的条件注释被解释为HTML的一部分(而不是被注释掉)的唯一情况


另一个可能令人困惑的地方是最后一行,在注释块中有一个
-->
:这意味着完全忽略条件注释的浏览器仍将在最后一个块中看到HTML(以及IE>9和非IE,但仍在解释条件注释浏览器).

这是一种为IE设计样式的好方法,而不是我的媒体查询吗?因为现在,如果你在任何IE版本(当然IE9除外)中访问我的站点,你都会看到移动版本的样式。不知道为什么。如果我给你我的网站的链接,你能帮我解决这个问题,并给我一些关于我的网站使用的适当方法的建议,这样你就可以看到它可能在做什么?这是我第一次为手机和平板电脑用户使用HTML 5和样式,所以这是一个很大的困惑。@AmberGoodwin这是一个为IE设计样式的好方法。我对IE的特定行为(我总是为W3C标准编写代码)了解得不够,无法告诉你为什么你的网站表现不好,除了建议您将
作为文档中的第一件事之外。对不起,那没关系。我很感激你的回答。我会全速前进。谢谢这会是一个很好的方式来风格的IE,而不是我的媒体查询?因为现在,如果你在任何IE版本(当然IE9除外)中访问我的站点,你都会看到移动版本的样式。不知道为什么。如果我给你我的网站的链接,你能帮我解决这个问题,并给我一些关于我的网站使用的适当方法的建议,这样你就可以看到它可能在做什么?这是我第一次为手机和平板电脑用户使用HTML 5和样式,所以这是一个很大的困惑。@AmberGoodwin这是一个为IE设计样式的好方法。我对IE的特定行为(我总是为W3C标准编写代码)了解得不够,无法告诉你为什么你的网站表现不好,除了建议您将
作为文档中的第一件事之外。对不起,那没关系。我很感激你的回答。我会全速前进。谢谢