[FIG(quote)[
[FIGCAPTION[
[1] [CITE[Emmet — the essential toolkit for web-developers]]
([TIME[2015-07-09 05:06:27 +09:00]] 版)
<http://emmet.io/>
]FIGCAPTION]

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

]FIG]


[FIG(quote)[
[FIGCAPTION[
[2] [CITE[Abbreviations]]
([TIME[2015-07-12 19:56:07 +09:00]] 版)
<http://docs.emmet.io/abbreviations/>
]FIGCAPTION]

> 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 looks like CSS selectors with a few extensions specific to code generation. So every web-developer already knows how to use it.
> Here’s an example: this abbreviation
> #page>div.logo+ul#navigation>li*5>a{Item $}
> ...can be transformed into
> <div id="page">
>     <div class="logo"></div>
>     <ul id="navigation">
>         <li><a href="">Item 1</a></li>
>         <li><a href="">Item 2</a></li>
>         <li><a href="">Item 3</a></li>
>         <li><a href="">Item 4</a></li>
>         <li><a href="">Item 5</a></li>
>     </ul>
> </div>

]FIG]


[FIG(quote)[
[FIGCAPTION[
[3] [CITE[Emmet — the essential toolkit for web-developers]]
( ([TIME[2016-11-18 16:38:47 +09:00]]))
<http://emmet.io/>
]FIGCAPTION]

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

]FIG]


[4] [CITE[Abbreviations]]
( ([TIME[2016-08-30 18:07:39 +09:00]]))
<http://docs.emmet.io/abbreviations/>


[5] 
省略構文と呼ばれているものは [[Selectors]] と似ているが、同じではなく互換性はない。