ie8及以下不识别html5语义标签，需用document.createelement注册并配合html5shiv添加display:block样式才能正常渲染和操作。
旧版 IE（尤其是 IE8 及以下）不识别 <header></header>、<nav></nav>、<section></section> 等 HTML5 语义标签，直接导致这些元素无法设置样式、不能被 JavaScript 选中，甚至在 DOM 中“不存在”。必须用 JavaScript 主动创建这些标签，才能让它们被识别为合法元素。
IE8 及以下必须用 document.createElement 注册 HTML5 标签
IE8 不是“不支持语义”，而是压根不认识这些标签名——它把 <article></article> 当成未知的自定义标签，按“unknown element”处理，不生成对应 DOM 节点，CSS 选择器也完全失效。
解决方法是在页面 中尽早执行：
document.createElement('header');
document.createElement('nav');
document.createElement('article');
document.createElement('section');
document.createElement('aside');
document.createElement('footer');
实际项目中建议一次性注册全部常用标签，避免漏掉；也可用数组批量调用：
['header','nav','article','section','aside','footer','main','figure','figcaption','time'].forEach(function(tag) {
document.createElement(tag);
});
只靠 createElement 还不够：必须引入 html5shiv 或等效 polyfill
document.createElement 只解决 DOM 创建问题，但 IE8 的 CSS 渲染引擎仍默认给未知标签设 display: inline，导致块级语义标签无法正常布局。还必须手动补上 display: block 样式。
这就是为什么官方推荐使用 html5shiv：
– 它内部自动调用 document.createElement；
– 同时注入一组基础 CSS 规则（如 article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }）；
– 并做了条件加载（只对 IE
用法很简单，在 中加入：
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
<!--[if lt IE 9]> <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script> <![endif]-->
注意：必须放在所有 CSS 引用之前，否则样式可能被覆盖或失效。
现代方案：用 document.write 动态插入更可靠？不，别这么干
有人尝试用 document.write('<style>header{display:block}</style>') 替代 html5shiv，看似简单，实则隐患多：
- 如果脚本在 DOM 加载完成后执行，
document.write会清空整个页面 - 无法保证样式优先级，容易被后续 CSS 覆盖
- 没有做 IE 版本检测，会在 Chrome/Firefox 里无意义执行
- 缺少对
print媒体查询等边缘场景的支持
所以，不要自己拼接 document.write，也不要手写一堆 document.createElement + <style></style>，老实用 html5shiv 或其轻量替代品（如 html5-printshiv 专用于打印样式）。
兼容性边界要清楚：IE9+ 已原生支持 HTML5 语义标签
IE9 开始已完整支持 <header></header>、<nav></nav> 等标签的解析、渲染和 DOM 暴露，不需要任何 polyfill。真正需要干预的只有 IE6–IE8。
因此判断逻辑应严格限定为：
<!--[if lt IE 9]> <script src="js/html5shiv.min.js"></script> <![endif]-->
而不是笼统写
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
