Emmet Symbols You Should Know

What is Emmet?

Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow:

Symbols You Should Know

! for basic html structure
. for div with class
# for div with id
> to generate child elements
^ to go out side of divs/ generate sections
* to generate multiple elements
$ to add numbering
{} to provide default values
() to group sections

Samples