Question

在我的HTML中，我使用了<header>和<footer>标签，但是当我在IE中检查它时，它没有渲染 - 布局正在破坏。这是因为HTML版本？我尝试删除这些标签，然后我的布局没有破坏。

这是我的代码：

<header id="main-header"> 
<div class="navigation-wrapper">
<hgroup id="logo">
    <a href="/"><h1><span class="hide">Heading</span></h1></a>
</hgroup>
<div id="dd" class="wrapper-dropdown-5" tabindex="1"> 
    <ul class="dropdown"> 
        <li>
            <a href="#"><i class="icon-user"></i>Profile</a>
        </li> 
        <li>
            <a href="#"><i class="icon-cog"></i>Settings</a>
        </li>
        <li>
            <a href="navotar.com/"><i class="icon-remove"></i>Log out</a>
        </li> 
    </ul> 
</div>
</div>
</header>

Answer 1

较旧版本的IE无法设置它们无法识别的元素，因此它们不会呈现浏览器发布后引入的元素。

幸运的是，有一种解决方法：

<!--[if lt IE 9]>
<script type="text/javascript">
document.createElement('header'); document.createElement('footer');
</script>
<![endif]-->

您还可以使用HTML5shiv或modernizr为整个HTML5元素集执行此操作。

IE中的HTML页眉和页脚标记问题

1 个答案: