Zen-Coding がヤバ過ぎる

HTML

"Zen-Coding" とは主に HTML や CSS を、簡略化された記法で記述したのちにマクロを用いて展開することで、一瞬でコードを生成してしまうという恐るべきツールである。物は試し、簡単な例をご紹介。

まず HTML の親玉は html 要素ですね。

html

html 要素の下には head 要素と body 要素があります。

html>head+body

head 要素には title 要素が必須でした。

html>(head>title)+body

本文に見出しをつけようかな。

html>(head>title)+(body>h1)

段落を二つほど作りましょう。

html>(head>title)+(body>h1+p*2)

変換ッ !

<html>
    <head>
        <title></title>
    </head>
    <body>
        <h1></h1>
        <p></p>
        <p></p>
    </body>
</html>

鼻水噴いたwww