IntelliJ IDEA
 
Get IntelliJ IDEA
You are viewing the documentation for an earlier version of IntelliJ IDEA.

Emmet

Last modified: 19 April 2023

The Emmet toolkit enhances coding with HTML, CSS, and JSX. You can use Emmet code templates without leaving IntelliJ IDEA. To expand a template into the correct markup, type its abbreviation and press Tab. To replace Tab with another key, see Configure the abbreviation expansion key.

For example, in an HTML file, type table>tr*3>td*2 and press Tab to get a stub of a 3 × 2 table:

As a more complex example, let's type table#myid>tr.row$*3>td*2 and press Tab to get the same table but with the id attribute and a custom class for each table row:

Refer to Emmet Cheat Sheet for more examples.

IntelliJ IDEA supports such features as new syntax for writing RGBA colors, implied, default, and boolean attributes, the Update Tag action, and more.