Question

我刚刚开始一份新工作，在午餐时我想练习一些技能来准备MS 70-480专科考试。我更喜欢使用谷歌浏览器，但该公司有关于安装个人用软件的规则，因此我无法使用IE（版本：11.0.9600.18015）。

所以在记事本++中我创建了HTML5视频元素的简单测试。

<!DOCTYPE html>
<html>
<head>
  <title>70-480 Test Page</title>
</head>

<body>
<header>
  <h1>Practice makes perfect</h1>
</header>
  <section id="sandbox">
    <video width="400" controls="">
      <source src="http://www.w3schools.com/html/mov_bbb.mp4" >
      Your browser does not support the video element.
    </video>
  </section>
</body>
</html>

但是没有视频显示页面回来了。我检查了开发人员工具，发现在HTML资源管理器中，HTML5原生元素（标题，视频，部分等）未被识别，而是显示如下：

...
<body>
  <header></header>
    <h1>Practice makes perfect</h1>
  </header><//header>
  <section id="sandbox"></section>
    <video controls="" width="400"></video>
      <source src="http://www/w3schools.com/html/mov_bbb.mp4"></source>
    </video><//video>
  </section><//section>
</body>
....

我知道IE11支持这些元素，因为当我在同一个浏览器上将我的代码复制到JSfiddle时它显示得很好。有没有解释为什么Internet Explorer会让我头疼？

Answer 1

Pedro Mendes和Lance Leonard的评论都有效。

佩德罗的解决方案：

您的浏览器是否设置了“边缘（默认）”文档模式？尝试标题内的这个标记

Lance的解决方案：

您的页面可能已在兼容性视图中加载。请参阅这个previous answer了解更多信息。

我决定使用Lance的解决方案，这样如果我将来制作更多页面，我不必每次都包含元标记。

IE11从我的桌面加载页面时无法识别HTML5元素，为什么会有任何想法？

1 个答案: