IE9、HTML5：将 HTML5 页面嵌入到没有文档类型的页面中

【问题标题】：IE9, HTML5: Embedding HTML5 page into page with no doctypeIE9、HTML5：将 HTML5 页面嵌入到没有文档类型的页面中
【发布时间】：2012-02-22 01:07:21
【问题描述】：

我有一个没有 DOCTYPE 声明的 HTML 页面。在 IE9 中，它以 quirks 模式呈现。现在我必须将 HTML5 文档嵌入到该文档中。所有这些都发生在 IE9 中。

我尝试使用 iframe，但浏览器似乎忽略了子文档的 <!DOCTYPE html> 声明，并以怪异模式呈现。

如何将 HTML5 文档嵌入到没有 doctype 声明的 HTML 中。应该可以在 IE9 下工作。

【问题讨论】：

对 HTML5 页面使用 XHTML5 markup 以避免 doctype 冲突。

标签： internet-explorer html iframe internet-explorer-9 doctype

【解决方案1】：

对嵌入页面使用 HTML5 的 XML 序列化：

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
      <!--...-->
    </head>

    <body>
      <!--...-->
    </body>
</html>

Example:

【讨论】：

这不起作用。无法在具有旧文档模型的页面的 iframe 内托管具有新文档模型的页面。 At least according to MS documentation.
@NikolaRadosavljević 这是一个有效的jsfiddle。上面添加了屏幕截图。
那么解决方案是在 Flash 动画中托管吗？顺便说一句，您的图片显示的是 FF，而不是 IE9，而且我没有看到一些明显的 HTML5 功能可以证明这一点。
@NikolaRadosavljević 自己试试 jsfiddle。
@NikolaRadosavljević 这不是 Flash 动画，右键单击它并在新窗口中打开。