<!DOCTYPE html>
<html>
  <head>
    <title>TODO supply a title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
      <div>TODO write content</div>
      <ul>
        <!-- template:listItem -->
        <li>item1</li>
        <!-- /template -->
        <!--ignore -->
        <li>item2</li>
        <li>item3</li>
        <li>item4</li>
        <!--/ignore-->
      </ul>
      <p>This is the first paragraph</p>
      <!-- ignore -->
      <p>The paragraph will be ignored.</p>
      <!-- /ignore -->
      <p>The third paragraph.</p>
      <p><img src="<!--placeholder:http://img1.126.net/channel6/2015/018912/640370_0213.jpg -->http://img1.cache.netease.com/f2e/www/index2014/images/bg_sprites_v12.png<!-- /placeholder -->" width="100" alt="Baidu" /></p>
      <p>Our city: <!-- placeholder:{{city}} -->Beijing<!-- /placeholder --></p>
      <p id="tt">Just another city: <!--placeholder:{{anothercity}}-->Shanghai<!--/placeholder--></p>
      <div>
        <div>
          <!-- template:listItem2 -->
          <div>
            <p>This is the div#listItem2</p>
            <div>
              This is listItem3. the inner most div.
            </div>
          </div>
          <!--/template-->
        </div>
      </div>
      <!-- templates -->
  </body>
</html>
Add the demo html file
Add the demo html file
