VS Code 新版未新增HTML5语义标签，而是默认启用更严格的HTML5语言服务、智能Emmet补全及语义嵌套校验；需确认文件关联为HTML、检查配置、禁用冲突扩展，并在合法上下文中使用Emmet缩写。
VS Code 新版是否“新增”HTML5语义标签支持？
不新增——header、nav、main、article 等语义标签从 HTML5 标准发布起就存在，VS Code 本身也不靠“版本更新”来“加入”这些标签。真正变化的是：新版 VS Code 默认启用更严格的 HTML5 语言服务、更智能的 Emmet 补全逻辑，以及对语义嵌套规则（比如 main 不应嵌套在 article 内）的实时校验能力。
也就是说，你用旧版 VS Code 也能写 <main></main>，但可能没提示、不校验、格式化后还乱序；新版则默认帮你盯住语义合理性。
为什么刚输 hea 就没提示 header？
常见错误现象：输入几个字母后无补全，或补全列表里只有 head 没有 header。
将PDF文件（含扫描件、图片）转换为Markdown格式。接入MinerU和PaddleOCR双引擎，支持扫描件OCR识别、公式表格解析、多语言识别。兼容本地OCR识别。
- 确认右下角状态栏显示为
HTML，不是Plain Text或Markdown—— 点击它，选 “Configure File Association for '.html'” →HTML - 检查
settings.json是否含"html.suggest.html5": true（2026 年起该配置已默认开启，但老旧工作区可能未继承） - 禁用冲突扩展：某些旧版 HTMLHint 或自定义代码片段会劫持 Emmet，临时禁用它们再试
Emmet 写语义结构总出错？关键在缩写语法和触发时机
输入 header>nav+main+aside+footer 后按 Tab，本该生成完整语义骨架，但实际只展开前半截或报错，问题往往出在：
立即学习“前端免费学习笔记（深入）”；
- 必须在
内书写 —— Emmet 对语义标签的上下文感知依赖于父级是合法 HTML5 容器 - 不要在
<script></script>或注释块里触发，Emmet 会降级为纯文本补全 - 新版 VS Code 对嵌套层级更敏感：例如
section>article>header可行，但header>section会被标黄（语义倒置），此时需手动删掉再重输
Live Server 预览时语义标签“看不见”？其实是你没看对地方
语义标签本身不带样式，<nav></nav> 和 <div class="nav"> 在页面上视觉完全一样——这不是 VS Code 的问题，而是你该去 DevTools 的 Elements 面板里验证 DOM 结构是否正确。
<ul><li>打开 Live Server 后按 <code>F12 → 切到 Elements 标签页 → 展开树状结构，确认 <header></header> 确实在 下一级，且没被意外包裹进 <div>
<li>若用屏幕阅读器测试，需确保 <code><main></main> 有 role="main"（虽非强制，但部分旧读屏器仍依赖）
最容易被忽略的一点：VS Code 不会阻止你写 <footer><header></header></footer> 这种明显语义混乱的代码——它只提示，不拦截。最终是否规范，还是得靠人眼核对 DOM 结构和 Lighthouse 报告。
