将 <div> 元素放在 <head> 标记中是不是很糟糕？答案

【问题标题】：Is it bad to put <div> elements within the <head> tags?将 <div> 元素放在 <head> 标记中是不是很糟糕？
【发布时间】：2012-02-25 14:13:53
【问题描述】：

我想使用条件 cmets 使 DIV 仅出现在 IE7 或更早版本的浏览器中，如下所示：

<!--[if lt IE 7]>

<div id="browsernotice">
<p>You are using IE7 or less</p>
</div>

<![endif]-->

据我了解，条件 cmets 仅在标题中起作用。

这很糟糕吗？

我是否应该使用条件 cmets 来插入一个样式表来生成不可见的 DIV visibility:visible？

【问题讨论】：

【解决方案1】：

是的，在您的<head> 中添加<div> 是bad。无效。
Conditional comments 做work anywhere in the document（你从哪里得到他们不知道的想法？），所以只需将你的代码放在<body> 的顶部。

【讨论】：

【解决方案2】：

最好的方法是保持文档正文中的内容不变，而是为 ie 应用一个隐藏 div 的样式表。

用 css

    #browsernotice {
       display:none;
}

并用条件语句调用它

<!--[if lt IE 7]>
<link href="ie7.css" type="text/css" rel="stylesheet">
<![endif]-->

【讨论】：

谢谢！不知道为什么有人否决了我的问题。在这里提出问题之前，我发现了许多意见和相互矛盾的观点。
我不同意这个答案，@Gaelen。这不一定是解决此问题的“最佳”方法，因为它需要额外的 HTTP 往返来加载 IE 样式表。
谢谢@Dominic！ @josh3736，您是否建议将 DIV 的 HTML 放在条件注释标记之间（在标准 CSS 页面中使用其样式？）
@Gaelen，答案——一如既往——是“视情况而定”。如果你只是用这个div 说“升级你的浏览器”，那么额外的样式表真的不值得。如果您需要做很多技巧来支持低级浏览器，那么您可能需要额外的样式表。
我同意上面的cmets