IntelliJ IDEA
 
Get IntelliJ IDEA

Emmet

Last modified: 22 October 2024

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, refer to 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:

For more information, refer to Emmet Cheat Sheet.

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