【Lifehack】Zen-Coding やってみた

</p>

<h1>wrapper (#header h1 a[href=/] img[src=./images/h1.jpg])+(#container (ul#topicPath (li<em>2 a)+(li strong))+(#article0$.article (h2 img[src=./images/h2_0$.jpg])+p)</em>4)+(#footer p+(ul li*4))</h1>

<p>

ZEN! (Ctrl+Dが使い易いと思うんだな)

<div id="wrapper">
  <div id="header">
    <h1><a href="/"><img src="./images/h1.jpg" alt="" /></a></h1>
  </div>
  <div id="container">
    <ul id="topicPath">
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><strong></strong></li>
    </ul>
    <div id="article01" class="article">
      <h2><img src="./images/h2_01.jpg" alt="" /></h2>
      <p></p>
    </div>
    <div id="article02" class="article">
      <h2><img src="./images/h2_02.jpg" alt="" /></h2>
      <p></p>
    </div>
    <div id="article03" class="article">
      <h2><img src="./images/h2_03.jpg" alt="" /></h2>
      <p></p>
    </div>
    <div id="article04" class="article">
      <h2><img src="./images/h2_04.jpg" alt="" /></h2>
      <p></p>
    </div>
  </div>
  <div id="footer">
    <p></p>
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
</div>

うひょーい！