HTML5标签补全失效需检查html.suggest.html5是否为true，仅影响语义化标签提示；class/id值无提示需安装HTML CSS Support插件以索引CSS类名，Tailwind用户还需额外配置。
HTML标签属性补全不弹出，先确认html.suggest.html5是否启用
VSCode 默认开启 HTML5 标签补全，但html.suggest.html5被设为false时，<header></header>、<main></main>这类语义化标签就不会出现在提示列表里。它只影响标签名，不影响class或src等属性值的补全。
检查方式：打开设置（Ctrl+,），搜索html.suggest.html5，确保勾选；或在settings.json中确认存在且值为true：
"html.suggest.html5": true
- 如果在
.vue或.jsx文件里没反应，右下角语言模式可能不是HTML，点击切换 - 该设置不控制属性补全——比如
class=""里提示类名，那是另一套机制 - 禁用后仍能补全
<div> <code><span></span>等基础标签，但会漏掉所有 HTML5 新增元素class和id属性值没提示？关键在HTML CSS Support插件原生 VSCode 不解析 CSS 文件，所以
class="btn-"输一半不会跳出btn-primary。必须靠插件扫描项目里的.css、.scss、.less甚至.module.css文件来建立类名索引。推荐安装
HTML CSS Support（作者: ecmel）：立即学习“前端免费学习笔记（深入）”；
anything-to-html下载将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 自动识别
src/styles/、public/css/等路径下的样式文件，无需额外配置 - 支持
@import和@use（SCSS），但不处理 JS 动态拼接的类（如clsx("btn", isPrimary && "btn-primary")） - 鼠标悬停类名可直接看到定义位置和样式规则，
Ctrl+单击跳转到 CSS 定义处 - 如果用了 Tailwind，仅装这个不够——需额外配
tailwind.config.js并安装Tailwind CSS IntelliSense
输入
没反应？Emmet 的<code>triggerExpansionOnTab和showExpandedAbbreviation是关键VSCode 的 HTML 标签补全本质由 Emmet 驱动。输入
<di>后没提示<code><div>，大概率是 Emmet 设置被改过。 <p>检查<code>settings.json中这两项："emmet.triggerExpansionOnTab": true,<br>"emmet.showExpandedAbbreviation": "inMarkupAndStylesheetFiles"
-
triggerExpansionOnTab关掉后，按Tab无法展开ul>li*3，也会影响初始标签提示 -
showExpandedAbbreviation设成"never"会导致后完全不触发建议——这是最常被误设的点 - Emmet 只在语言模式为
HTML时生效，Plain Text或JavaScript里无效
ARIA 属性（如
aria-label）提示失效？别漏掉A11y Linter和语言模式VSCode 内置支持 ARIA 属性补全，但前提是文件被识别为 HTML 模式，且
html.suggest.html5已启用。输入aria-后按Ctrl+Space（macOS 是Cmd+Space）才能唤出完整列表。增强体验建议：
- 装
A11y Linter插件，启用后能在输入aria-hidden="true"时，光标停在引号内再触发提示，列出合法值（true/false） - 确保
Auto Close Tag已安装——语法错误（如标签未闭合）会让 ARIA 提示直接失效 - 如果用 JSX 或 Vue 单文件组件，ARIA 补全可能受限，此时应依赖 TypeScript 语言服务或 Volar，而非纯 HTML 设置
真正卡住的地方往往不是插件没装，而是某一项设置被覆盖、语言模式不对、或者 CSS 文件路径被
files.exclude意外隐藏了。调试时优先看右下角语言标识和设置里那几个布尔开关，比重装插件快得多。 - 自动识别
