以前Pug(Jade)を使った制作環境を作る方法を紹介しました。 Pug(Jade)で効率的なマークアップ環境を作る 今回はPugでマークアップをしていくときに、よく使う書き方を紹介します。 ベースになるルールは9個あります。 タグ名はHTMLタグになる 改行をしてインデントをつければ入れ子になる インライン要素や改行にはパイプライン(|)を使う(ここだけ慣れが必要) HTMLはドット(.)で終わる要素の中に入れておけば解釈される 属性は丸括弧内に記述する クラス属性はドット(.)、ID属性はシャープ(#)で表す コメントにはHTMLとして出力されるものと、されないものがある イコール(=)を使えばエスケープできる インクルード(include [ファイル名へのパス])で共通化したファイルを挿入できる Pugとはなにか? Sassを使ってCSSを作成している人は多いと思いますが、PugはH