sublime如何自动为HTML标签添加闭合标签？ (Tag插件)

Sublime Text 通过安装 Emmet 插件可实现 HTML 标签自动闭合：输入

Sublime Text 默认不会自动补全 HTML 闭合标签，但通过安装 Emmet（原名 Zen Coding）插件，就能实现高效、智能的标签自动闭合和展开，比单独找“Tag”类插件更主流、更可靠。

安装 Emmet 插件

Emmet 是 Sublime 中最常用、维护最活跃的 HTML/CSS 快速编写工具，天然支持自动闭合：

• 打开 Sublime Text → Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（Mac）调出命令面板
• 输入 Install Package，回车选择 Package Control: Install Package
• 搜索 Emmet，点击安装（安装后无需重启）

自动闭合标签的几种方式

装好 Emmet 后，以下操作会自动补全闭合标签：

• 输入 <div> 后按 <strong>Tab</strong> → 自动变成 <code><div></div>，光标停在标签对中间
• 输入 <img alt="sublime如何自动为HTML标签添加闭合标签？ (Tag插件)" > 后按 <strong>Tab</strong> → 自动补全为自闭合标签 <code><img src="" alt="">
• 在已写好的开始标签（如 <p></p> <div class="aritcle_card"> <a class="aritcle_card_img" href="/ai/1414"> <img src="https://img.php.cn/upload/ai_manual/001/431/639/68b6d0d57afe0754.png" alt="Blogcast™"> </a> <div class="aritcle_card_info"> <a href="/ai/1414">Blogcast™</a> <p>BlogcastTM是一个文本转语音的工具，允许用户创建播客、视频、电子学习课程的音频和音频书籍，而无需录制。</p> <div class=""> <img src="/static/images/card_xiazai.png" alt="Blogcast™"> <span>63</span> </div> </div> <a href="/ai/1414" class="aritcle_card_btn"> <span>查看详情</span> <img src="/static/images/cardxiayige-3.png" alt="Blogcast™"> </a> </div> ）后，直接按 Ctrl+Alt+. （句号） → Emmet 会自动补上对应闭合标签（）

确保 HTML 语法模式已启用

如果 Tab 不生效，检查右下角是否显示 HTML（不是 Plain Text）：

• 点击右下角语法名称 → 选择 HTML
• 或按 Ctrl+Shift+P → 输入 Set Syntax: HTML 回车
• Emmet 默认只在 HTML、XML、PHP 等支持语法中激活补全功能

可选：开启自动闭合（增强体验）

虽然 Emmet 的 Tab 补全是主力方式，你也可以开启 Sublime 原生的“自动闭合标签”辅助功能：

• 菜单栏 → Preferences → Settings
• 在右侧用户设置中添加：
    "auto_close_tag": true,
    "auto_close_tag_with_tab": true
• 保存后，在 <div> 后按 <strong>Tab</strong> 或 <strong>></strong> 都可能触发闭合（与 Emmet 共存时以 Emmet 为准，更稳定） <p>基本上就这些。Emmet 不仅能闭合标签，还能快速生成嵌套结构（比如输入 <code>ul>li*3 + Tab 就生成带三个 li 的 ul），是写 HTML 的必备搭档。