HTML标签Tab补全失效需先确认文件后缀为.html且状态栏显示HTML语言模式，再检查emmet.triggerExpansionOnTab为true及html.suggest.html5为true。
VS Code 中 HTML 文本标签的 Tab 补全失效怎么办
不是所有 h1、p、strong 输入后按 Tab 都能自动补全，关键看 Emmet 是否启用且文件类型识别正确：
- 确保当前文件后缀是
.html（非.txt或未保存的“Plain Text”） - 检查状态栏右下角是否显示
HTML，若显示Plain Text，点击后手动选为HTML -
h1+Tab默认生成<h1></h1>，但光标停在标签中间；若想直接填内容，可用h1{标题文本}+Tab生成<h1>标题文本</h1> - 自定义缩写如
my-para不生效，需在settings.json中配置："emmet.includeLanguages": { "html": "html" }并重启
Ctrl+/ 注释快捷键在 HTML 里有哪些隐藏限制
Ctrl+/ 看似简单，但在 HTML 中容易引发结构或语义问题：
- 对选中多行使用时，它会在每行前加
<!--、每行后加-->，导致嵌套注释（如<!-- <!-- inner --> outer -->），浏览器只解析第一个<!--到第一个-->，后续内容可能被误显 - 在
<script>或<style>块内触发，会插入 JS/CSS 风格注释（//或/* */），而非 HTML 注释，可能破坏脚本执行或样式解析 - 若光标位于标签属性值中间（如
class="|header"），Ctrl+/会把整行注释掉，而不是仅注释该属性——这不是 bug，是设计行为，需提前选中目标再操作
ul>li*5 这类 Emmet 缩写为什么生成的 li 没有内容
Emmet 的动态计数缩写（如 h$*3、li*5）默认不带文本内容，只生成空标签结构：
-
li*5→ 生成 5 个<li></li>，没有文字，需手动补或改写为li{Item $}*5得到<li>Item 1</li>~<li>Item 5</li> -
h$*3中的$从 1 开始编号，但实际项目常需h2打头，此时应写h2{标题$}*3而非依赖默认递增 - 缩写中含空格（如
div .card）会被 Emmet 当作 CSS 选择器解析，生成<div class="card"></div>；但若漏了点号（div card），则无法识别为 class，结果是无效输出
Alt+Shift+↑/↓ 复制行时 DOM 层级错位怎么避免
这个快捷键复制的是纯文本行，不感知 HTML 树结构，粘贴后极易破坏嵌套关系：
立即学习“前端免费学习笔记（深入）”；
- 复制
<li>Home</li>并粘贴进<ul></ul>，若原</ul>在下一行，新li可能落在闭合标签外，变成孤立节点 - 复制带缩进的块（如缩进 4 空格的
<div><p>...</p></div>），粘贴后缩进被保留，但若父容器用 2 空格缩进，视觉上层级就乱了 - 开启 Prettier 后，这类手动粘贴的内容常在保存时被自动重排，缩进修正、换行调整，反而掩盖了原始错位，调试时更难定位
真正省时间的写法不是靠快捷键堆量，而是理解每个快捷键背后触发的是哪一层逻辑：Emmet 解析、编辑器语言模式、格式化插件介入时机。漏掉任意一环，看似快的操作，后期花三倍时间修 DOM 结构或注释语义，得不偿失。
