ie8及以下浏览器不识别html5语义标签，需用html5shiv（含document.createelement和display:block样式）兼容，尤其main和time无替代方案，否则结构信息丢失。
header、nav、main、section、article、aside、footer 这些标签在 IE8 及更老浏览器里根本不会被识别——不是样式不对，是 DOM 里压根没这节点，document.querySelector('header') 返回 null，CSS 里写 header { display: block; } 完全无效。
IE8 及以下必须用 document.createElement 注册标签
IE8 把 header 当成未知自定义标签，不生成对应 DOM 元素。不注册就无法选中、无法加样式、无法绑定事件。
- 必须在
里尽早执行，不能等 DOM 加载完 - 单个调用太啰嗦：
document.createElement('header');、document.createElement('nav');…… - 推荐批量注册：
['header','nav','main','section','article','aside','footer'].forEach(function(tag) { document.createElement(tag); }); - 漏掉
main尤其危险——它是 HTML5 新增且无替代语义的标签，IE8 默认完全忽略
html5shiv 不只是“加载个 JS”，它干了两件事
只靠 document.createElement 还不够。IE8 渲染引擎对未声明的标签默认设 display: inline，导致 section 堆成一行、footer 不换行——布局全崩。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
html5shiv内部做了两件事：自动调用document.createElement+ 注入基础 CSS（如article, section, header { display: block; }） - 必须通过条件注释只给 IE 加载：
<!--[if lt IE 9]><script src="html5shiv.min.js"></script><![endif]--> - 别自己手写那段 CSS：不同版本 IE 对
display的继承行为有差异，html5shiv已做兼容性兜底
现代项目里要不要还管 IE8？关键看 main 和 time 标签
如果项目明确不支持 IE8，可以跳过 html5shiv；但如果用了 main 或 time 这类无回退方案的标签，即使其他语义标签能降级，它们在旧环境里仍是“消失”的。
-
main没有语义等价的旧标签，div id="main"无法替代其 ARIA role 和 SEO 权重 -
time的datetime属性在 IE8 里完全不解析，机器可读时间信息直接丢失 - 若需兼容，这两个标签必须配合 polyfill（如
time需额外用 JS 补充aria-label）
真正容易被忽略的是：降级不是让页面“看起来差不多”，而是确保结构信息不丢——nav 在 IE8 里变成普通 div，屏幕阅读器就读不出这是导航区；main 消失，辅助技术就找不到主内容起点。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
