Explain Codes LogoExplain Codes Logo

Find closing HTML tag in Sublime Text

html
emmet
sublime-text
html-tag-management
Anton ShumikhinbyAnton Shumikhin·Dec 10, 2024
TLDR

Kick off your tag hunting in Sublime Text swiftly. Go with Ctrl+Shift+A (or for Mac users, Cmd+Shift+A) shortcut for this. Say "Hello!" to your highlighted bloc from opening to closing tag:

<div> <!-- Ctrl+Alt+Del...Oops! I mean Ctrl+Shift+A --> </div>

Another swift express packet to the end tag is the Go To Matching Pair command from Emmet plugin. On your keyboard, it's Ctrl+Alt+J (Windows/Linux) or Shift+Ctrl+T (Mac). Feel free to hop between the tags!

Extra Hands: Emmet and Sublime Text

To experience the joy of effortless HTML tag management in Sublime Text, having the Emmet plugin as your partner is a smart move. To fit your workflow like a glove, unheard custom key bindings can be created by altering the Emmet.sublime-settings file.

Adventure mode: Navigating nested structures

Aren't mazes fun? When you find yourself amidst nested script or style tags in HTML, get yourself out using the Goto Anything feature from Sublime Text. Just hit Control+M (Windows/Linux) or Cmd+M (Mac), yes yes, the same M for Mac, Matching and Maze!

Dealing with heavily nested elements

Got lost in the HTML jungle? Don't worry, we got a magic spell, Ctrl+Shift+T (Windows/Linux) or Cmd+Shift+T (Mac). Spelled it right, did you? Poof! You're now placed on the last closed item. Deep complex structures? Piece of cake!

Extra-terrestrial powers: Sublime Text plugins

Are there just tags, or do you see Matrix code? Plugins like BracketHighlighter add a third eye to Sublime Text, letting you see through complex HTML structures. More such plugins can be discovered through Package Control. Welcome to the plugin universe!

For the restless coders

Emmet documentation has more treasure to be unlocked. Can't resist command-line features in Sublime Text? Intensify regular expression searches. You'll find multiple selection features handy too!

Extended views with Emmet

More hidden paths to explore in Emmet Sublime GitHub. There're even customized key bindings that can be crafted from ST3-specific Emmet plugin command. Just type Ctrl+Shift+' — you'll find the closing tags faster than light!