Zen Codingの構文を組み合わせよう3-3ではよく使うHTMLタグの省略形を紹介し、続いて3-4では、HTMLをより効率的に入力するために、Zen Codingの構文の書式を紹介しました。 ここまで紹介した書式を組み合わせれば、次のようなHTMLを、「Zen Codingの記述」のように記述して、展開・生成することができます。 まず短めのコードから始めて、できるだけ一気に書けるように、記述のしかたを考えてみましょう。 <body> <div id="header"> <h1 id="site-id"></h1> <p class="site-copy"></p> </div> <ul id="nav"> <li class="list-items"></li> <li class="list-items"></li> <li class="list-items"></li> <li
![HTMLを一気に書き上げよう | Zen Coding 3-5 | HTML+CSSコーディングが10倍速くなるZen Coding](https://cdn-ak-scissors.b.st-hatena.com/image/square/dd8b99e4aabf6aeaf99af1af1be047055ed830bc/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2011%2FZenCoding%2FZenCoding_icon.png%3Fitok%3DN6Iu7TBU)