emmet code snippets

emmet.md

Emmet snippets

emmet.io

---

HTML page

 #wrapper>(header>figure#logo(a>img[src=logo.png])+(nav>ul>li*4>a))+(div[role=main]>header>h1)+footer	

expands to

<div id="wrapper">
  <header>
    <figure id="logo"><a href=""><img src="logo.png" alt=""></a></figure>
    <nav>
      <ul>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
      </ul>
    </nav>
  </header>
  <div role="main">
    <header>
      <h1></h1>
    </header>
  </div>
  <footer></footer>
</div>