Question

问题：

据我所知，在HTML5之前，在body标签中包含带有“rel”属性的链接元素是无效的。有什么东西可以保持向后兼容IE6（没有JavaScript），同时仍然将我的样式表放在body标签内？不幸的是，将功能保留回IE6并且没有JavaScript是硬设计规范。

背景

我正在实现一个自定义轻量级CMS，它通过将文件内容直接送入页面流来进行操作。

这意味着我必须按照其内容在页面上显示的顺序调用文件。每个文件都保持对自己的输出及其与调用它的对象的交互的控制，但遗憾的是无法将内容注入到先前调用的文件的空间中。

我受限于服务器内存，无法负担将页面内容存储在变量中，也无法承担多次读取文件的处理时间，无法将样式表预加载到head元素中。

提前致谢！

Answer 1

您可以使用条件状态。这将是很多工作。但没有javascript工作。 article-tag的示例（这将适用于任何事情）：

<!--[if lt IE 9]><div class="article"><![endif]-->
<!--[if IE 9]><article class="article"><![endif]-->
<!--[if !IE]><!--><article class="article"><!--<![endif]-->
...
<!--[if lt IE 9]></div><![endif]-->
<!--[if IE 9]></article><![endif]-->
<!--[if !IE]><!--></article><!--<![endif]-->

使体内的外部样式表向后兼容

1 个答案: