logo标签列表

在Sublime Text中查找闭合的HTML标签

htmlsublimetext
134

我有一个非常长而且非常嵌套的HTML文档，我需要快速找到闭合标签。我该怎么做？

Ctrl + Shift + ' // 使用 Emmet 插件 - Eran Or
8个回答
139
1
很酷，谢谢。我实际上正在使用Emmet，所以这很理想。快捷键是：Shift + Control + T。 - Pavel Binar
1
对于Windows用户，在撰写时的快捷键是Control + Alt + J。 - cyberfly
2
谢谢！在Linux中，Control + Alt + J同样有效（在Linux Mint 14、Sublime Text 3下测试过）。 - José Tomás Tocino
@AllanRuin 对我来说，在Windows上，如果在ST2中启用了Emmet，则可以轻松地从开始标签跳转到关闭标签，但是反过来却不行。 - Volker E.
2
Emmet插件非常好用。你不必使用键盘快捷键，只需在Sublime中打开调色板（Shift + Command + P），然后开始输入“matching pair”即可。 - Max
138

按下快捷键(Ctrl+Shift+A, 适用于Windows和Linux用户；Command+Shift+A, 适用于Mac用户)可以选择当前选定标签内的整个块。

例如，如果您在以下代码中所示的外部div标签内按下此快捷键，则会选择所有具有selected类的div。

<div class='current_tag_block'>
  <div class='selected'></div>
  <div class='selected'></div>
  <div class='selected'></div>
  <div class='selected'></div>
</div>

如 @frazer-kirkman 在评论中提到的，您还可以通过按下键盘上的 左箭头 或 右箭头 按钮，根据光标的位置将光标移动到所选块的开头或结尾。

10
要同时选择父级标签，只需再次使用快捷方式，它会扩展选择！ - TimoSolo
这并不完全回答问题，但是答案变得微不足道了。要找到闭合标签，您需要查看选择的末尾或按右箭头键。 - Frazer Kirkman
这个在哪里有文档记录？这个组合键是某个插件的一部分吗？在以下链接中无法找到：http://docs.sublimetext.info/en/latest/reference/keyboard_shortcuts_win.html - Gabe Hiemstra
您值得一个点赞 +1。在Visual Studio中也可以实现！使用 Shift + Alt + = 来展开，使用 Shift + Alt + - 来取消选择。 - Ozkan
13

这个功能至少从Sublime编辑器2中就已经内置了。只需要按下以下快捷键，即可平衡HTML标记：

快捷键（Mac）：Shift + Command + A

快捷键（Windows）：Control + Alt + A

5

以上方法都无法在Windows 10上的Sublime Text 3中使用，但使用Emmet Sublime Text 3插件的Ctrl + Shift +'快捷键效果很好，对我来说是唯一有效的解决方案。 Ctrl + Shift + T可以重新打开最近关闭的项目，在我使用Sublime的经验中，自ST3早期版本或ST2后期版本以来就一直如此。

4
如前所述，Control/Command + Shift + A 可以为您提供基本的标签匹配支持。再次按下此组合键可将匹配扩展到父元素。按箭头左/右跳转到开始/结束标记。
无论如何，没有内置的匹配标记高亮显示功能。Emmet 是一个流行的插件，但对于此目的来说过于复杂，并且如果您不想进行类似 Emmet 的编辑，则可能会妨碍您。在这种情况下，Bracket Highlighter 似乎是更好的选择。
4
在“转到”菜单中，Control + M是跳转到匹配的括号。对于括号同样有效。
32
适用于括号，适用于圆括号，但不适用于HTML标签。 - John Pancoast
8
不回答问题，该问题是关于HTML标签的。 - Zenadix
它只能找到匹配的括号。我该如何设置此功能以查找 { } [] <>？ - SherylHohman
3

我认为您可能希望尝试启用折叠功能的另一种方法。

在ST2和ST3中，如果您在用户设置中启用了折叠功能：

{
    ...(previous item)
    "fold_buttons": true,
    ...(next item, thus the comma)
}

您可以在开始标记所在的行的左侧看到三角形折叠按钮。单击它以展开/折叠。如果要复制、折叠和复制，则获取所有块。

输入图像描述

对我来说，这个问题在于我输入</ + <kbd>TAB</kbd> ，如果它没有正确关闭标签，那么我就知道在这个6000行的HTML文件中有一个悬空的开放标签，但我不知道这个标签在哪里。 - Mark Tomlin
尝试一些格式化插件？也许是codelint或其他什么？还有一些在线的，也许可以试试。 - WesternGun
-1
只需按下CTRL+f，然后输入“
那么对于类似于data-str="/>"这样的属性字符串，假阳性怎么处理呢？ - undefined
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接