为什么html5被转换为unclosed标签？

Question

我遇到了以下问题：

<header>
  <div id="test">test</div>
  <div id="sometest">sometest</div>
</header>

对于不支持html5的浏览器，它们的转换方式如下：

<header></header>
<div id="test">test</div>
<div id="sometest">sometest</div>

我想知道为什么他们这样转换？

Answer 1

不支持HTML5标记的旧用户代理不知道这些标记的含义，含义或行为方式。为了解决这个问题，您可以在页面的head部分添加以下脚本：

<script>'article aside footer header nav section time'.replace(/\w+/g,function(n){document.createElement(n)})</script>

此代码段在DOM中创建元素。您可能需要做的另一件事是将新元素设置为他们应该表现的样式。即header { display: block; }等。