emmet

Abbreviations Syntax

Elements

You can use elements’ names like div or p to generate HTML tags. Emmet doesn’t have a predefined set of available tag names, you can write any word and transform it into a tag: div → <div></div>, hello → <hello></hello> and so on.

Nesting operators

• Child: >
  div>ul>li
• Sibling: +
  div+p+bq
• Climb-up: ^
  div+div>p>span+em
• Multiplication: *
• Grouping: ()
  div>(header>ul>li*2>a)+footer>p

Attribute operators