Let's Zen!!

Try Zen Coding!

試しに好きなタグ名を入力して、Zen Codingを実践してみてください

id、class、要素名、属性名の指定

「#」でIDの指定

「.」でクラスの指定

その他は、[属性名]か 属性名=値 の書式で指定できます

リストの作成

「>」で子要素の指定

「*」で複数のタグを同時に挿入します

スニペット機能があるので、Aタグなどの一部のタグは良く使う要素が自動で補完されます

dt+ddのリスト作成

通常の書式で、必要なタグ構成を表現しきれない場合は、括弧「()」で囲うことで範囲を決めることが出来ます

テーブルの瞬間作成

「$」を指定すると、その箇所に連番の数字を指定できます

「$$」の様に桁数を指定すると01,02,03などの用に文字列長を自動で整形します

HTML定義文の作成

ID、クラス名を要素名なしで指定すると、が自動で補完されます。

選択範囲テキストの自動挿入

テキストを、ZenCodingのメソッドに食わせれば、テキストを自動で挿入します

(今回は擬似的にテキストをZenCodingのパーサーに送っています)