Emmet

기본적으로 다음 파일을 지원한다.
html, haml, pug, slim, jsx, xml, xsl, css, scss, sass, less, stylus

예시

#page>div.logo+ul#navigation>li*5>a{Item $}

• 먼저 기본적으로 특정하지 않으면 div태그가 사용된다.
• # id를 지정한다, 태그명 뒤에 올 수 있다.
• > 하위로 이동한다. 태그명 뒤에 올 수 있다.
• . 클래스
• + 같은 계층에서 추가
• *5 뒤에 기본적인 연산자로 반복할 수 있다.
• {} 내용을 삽입한다.
• ^ 상위로 이동
• () 그룹
• td[title="Hello" colspan=3] 속성 값

...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>