Emmet is written in pure JavaScript and works across different platforms: web browser, Node.js, Microsoft WSH and Mozilla Rhino. Download plugin for your favourite editor

Emmet Cheat Sheet provides quick reference for abbreviations, actions, and customization to enhance coding efficiency in HTML and CSS.

Abbreviations are the heart of the Emmet toolkit: these special expressions are parsed in runtime and transformed into structured code block, HTML for example. The abbreviation’s syntax …

Emmet is developed and optimised for web-developers whose workflow depends on HTML/XML and CSS, but can be used with programming languages too. Start learning Emmet with the …

When you get familiar with Emmet’s abbreviations syntax, you may want to use some formatting to make your abbreviations more readable. For example, use spaces between elements and …

Download Sublime Text cross-platform Atom cross-platform Coda OS X Eclipse/Aptana cross-platform Espresso OS X Chocolat OS X Notepad++ Windows PSPad Windows textarea …

Emmet can greatly optimize your workflow here: you can inject value directly into abbreviation. To get margin: 10px; you can simply expand the m10 abbreviation.

div+div>p>span+em^bq <div></div> <div> <p><span></span><em></em></p> <blockquote></blockquote> </div>

Since Emmet is mostly used for writing HTML/XML tags, abbreviation definition uses XML format to describe element. Emmet parses abbreviation definition and retrieves the following data:

Emmet allows you to write large HTML code blocks at speed of light using well-known CSS selectors. But it’s not the only thing that every web-developer needs: occasionally you have to …