修复了在页面底部加载时html5标签IE8不工作的问题

fix html5 tags IE8 not working when loading at bottom of page

本文关键字：IE8 标签 html5 工作 问题 加载 底部      更新时间：2023-09-26

为了修复html5标签（文章、旁白、页脚、页眉、hgroup、nav、section）与IE8的兼容性，我通常会添加以下javascript：

document.createElement("article");
document.createElement("aside");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("nav");
document.createElement("section");

以及在css文件中

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, ection, summary {
    display: block;
}

如果我在"head"中加载JS，它可以正常工作，但现在我在页面底部加载所有JS（在关闭"body"之前）不起作用。

知道吗？

感谢

您应该在ie8应该知道的html5标记之前加载修复javascript。否则ie8会将这些标签视为HTMLUnknownElement。所以，js应该在head标签中。顺便说一句，下面的代码不是更小吗？=）

var tags='article|aside|footer|header|hgroup|nav|section'.split('|'), i=0, max=tags.length;
for(;i<max;i++) {
    document.createElement(tags[i]);
}
相关文章：