VS Code 不支持 id 属性值自动提示，因其原生 HTML 补全不解析文档中已存在的 id 值，仅补全标签名、属性名等基础语法；需依赖当前文件词典补全（Ctrl+Space）或 Auto Rename Tag 插件实现部分复用与同步。
为什么id属性值不自动提示？
VS Code 原生 HTML 补全根本不解析 id 值——它只补标签名、属性名（如 id、class）、HTML5 语义化标签，但不会扫描文档中已存在的 id="header" 或 id="modal-1" 并用于后续提示。这不是设置没开，是功能压根不存在。
常见错误现象：id="nav" 手动写完后，在另一处输入 id="n 按 Ctrl+Space 无任何建议；右下角语言模式确认为 HTML，html.suggest.enabled 也设为 true，依然没反应。
-
id是全局唯一标识符，VS Code 不做跨标签/跨文件的 DOM 结构索引，无法安全推断可用值 - Emmet 和内置语言服务都不处理
id值的重复性校验或候选生成 - 即使装了 IntelliSense for CSS class names in HTML，它也只管
class，对id完全无视
用 Auto Rename Tag 同步修改前后 id 值
虽然不能“自动补全”未写的 id，但可以避免改漏：当你把 <div id="sidebar"></div> 的起始标签改成 <aside id="main-nav"></aside> 时，插件会自动把闭合标签和所有对应 for、aria-labelledby、href="https://www.php.cn/link/bdac8f4caa8d5af5ba52c9778864140b" 等引用同步更新。
- 必须安装并启用
Auto Rename Tag插件（v0.1.4+） - 仅对当前文件生效；跨文件引用（如
iframe src="page.html#section"）不会被识别 - 若
id被用在 JS 字符串里（如document.getElementById("sidebar")），该插件默认不处理，需配合ESLint或自定义正则脚本扫描
手动触发已有 id 的快速复用（无需插件）
VS Code 自带的「当前文件词典补全」能回填已出现过的 id 值，但需主动触发且依赖光标位置。
立即学习“前端免费学习笔记（深入）”；
- 在
id=""的双引号内，按Ctrl+Space（macOSCmd+Space）可唤出当前文件所有字符串字面量候选，包括已写的id值 - 前提是
editor.quickSuggestions.strings设为true，否则引号内不弹建议 - 若
id出现在注释或 JS 块中（如// target: #header），也会被纳入候选，可能干扰精度 - 不支持模糊匹配：
id="he"不会高亮header，只能靠上下文滚动选择
真正可靠的 id 管理方式
靠编辑器补全是伪需求；大型项目里，id 应该被约束、集中、可查，而不是靠猜或补全。
- 用
data-属性替代部分id场景（如data-section="contact"），它更语义化且无需全局唯一 - 组件化开发中，用框架的 ref / refId 机制（Vue 的
ref、React 的useRef）代替硬编码id - 若必须用
id，在项目根目录建ids.json或用 JSDoc 标注（/** @id header-nav */），再配 ESLint 规则校验引用一致性
别指望编辑器替你记住 id；它连自己刚写的都未必记得清。
