class="moge"></li></ul>IDは要素名に続けて「#」、クラスは要素名に続けて「.」をつけます。CSSの規則と同じです。class2"></p>このように連続して複数個つけることもできます。class="sub"></div>divを省略して、idとclass名のみを指定して展開することもできます。id="item5"></li></ul>行数が多いと、便利さが際立ちます。「$」マークで連番を付けることができます。「$」マークの数で桁数を指定することができます。3ケタの連番を付けたい場合は「$$$」です。「*」記号で特定の要素を繰り返して展開することができます。「li*5」ならリスト要素を5個展開します。id="item1"></li></ul>「$@-」で降順で番号を付与することができます。id="item7"></li></ul>「@数字」で開始番号を指定することができます。「@5」なら5番目から展開します。<dd></dd></dl>この例では、<dt>と<dd>をまとめて、3つ展開しています。説明リスト(定義リスト)の展開などで役に立ちます。target="_blank"></a>※[]を使うことで、あらかじめ属性・値を入力して展開することができます。<p>テキスト</p></div>{}の中にテキストを入れて展開することができます。href="">メニュー3</a></li></ul>これはこれまでの応用です。テキストに連番を付けて展開することもできます。mollitia,英語としても意味をなさないダミー文章を展開してくれます。amet.</p>loremに数字をつけるとその数に応じた単語が展開されます。フィルターちょっと特殊な展開方法もご紹介します。こんなことも出来るんだ程度でいいと思います。&lt;p&gt;&lt;/p&gt;&lt;/div&gt;>や<、&をエスケープ処理して展開することができます。-->コードが長くなると便利ですよね。ID名やClass名を閉じタグの後ろにコメントとして追加してくれます。シングルライン(1行で出力)ul>li*3|s<ul><li></li><li></li><li></li></ul>{}の中にテキストを入れて展開することができます。CSS多少間違ってても、近いやつが展開されます。あいまいな入力にも対応しているのがうれしいところです。すべて覚える必要はないので、よく使うものから覚えるといいと思います。!※lang=”en”をlang=”ja”に変更することも可能です。Textの場合の設定方法です。User」を選択します。下記のコードをコピペして保存する。}}これでhtmlファイルを新規作成していつもどおり「!」を展開するとlang=”ja”になる。site2月3月にスタートとなる制作のご依頼について冬期休業のお知らせ6月7月にスタートとなる制作のご依頼についてAtomのショートカットキーでよく使うもの2023年5月〜6月にスタートとなる制作のご依頼について最近、動画をTOPにしたり、背景にしたいクライアントさんがちょこちょこあるので、覚書。