Special Keyboard Actions
Emmet also offers a very nice range of keyboard shortcuts to speed productivity even further. Keyboard actions can be modified in Preferences
Match Tag Pair
Mac:Cmd+D (inward) and Shift+Cmd+D (outward)
WinLin:Ctrl+D (inward) and Shift+Ctrl+D (outward)
A well-known tag balancing: searches for tag or tag’s content bounds from current cursor position and selects it. It will expand (outward balancing) or shrink (inward balancing) selection when called multiple times. Not every editor supports both inward and outward balancing due of some implementation issues, most editors have outward balancing only.
Go To Matching Pair
In HTML, allows you to quickly traverse between opening and closing tag.
Wrap with Abbreviation
A very powerful feature, it takes an abbreviation, expands it and places currently selected content in the last element of generated snippet. If there’s no selection, action will silently call “Match Tag Pair” to wrap context element.
Go to Edit Point
Win: Ctrl+Alt+Right Arrow or Left Arrow
This action works for HTML code blocks and allows you to quickly traverse between important code points:
- between tags
- empty attributes
- newlines with indentation
Action is similar to “Go to Edit Point”, but selects important code parts.
In HTML, these are tag name, full attribute and attribute value. For class attribute it also selects distinct classes.
In CSS, it matches selector, full property and property value. For complex values and functions like 1px solid red or url(image.jpg) also selects part of it.
This action, as name says, toggles comments on and off for the selected line. Works nicely in CSS and HTML files.
Quickly removes tag, found by “Match Tag Pair” from current cursor position, and adjusts indentation.
Merges selected lines into a single line. But when there’s no selection, will match context HTML tag.
Evaluates simple math expressions like 2*4 or 10/2 and outputs its result. You can use \ operator which is equivalent to round(a/b).
Very useful in CSS where numeric values should be modified frequently.
Mac/Win : Alt+Up/Down (inc/dec by 0.1)
Mac/Win : Ctrl+Up/Down (inc/dec by 1)
Mac/Win : Ctrl+Alt+Up/Down (inc/dec by 10)
This action, as name says, increments or decrements the number under the cursor with different steps: 0.1, 1 or 10.