モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。省略記法で、効率よく書くためのプラグインです。Code(以下、VSCode)では、標準で使えます。</body></html>↑のようにコードが展開されます。</tr></table>となります。いう風に、少ない文字数で書くことが出来ます。私が使用している環境です。(64-bit)Emmetの公式サイトEmmetの公式サイトです。web-developersEmmetが使えるコードエディタEmmetが使用できるコードエディタは、公式サイトの下記のページで確認出来ます。DownloadEmmetの使用方法VSCodeでは、プラグインのインストールは必要ありません。.htmlファイルを作成すると、HTMLのEmmetの記法が使用できます。CSSも同様に.cssファイル上で使用できます。Emmetの有効無効は、拡張子で判別しているようです。調べたところ、HTMLのEmmet記法が使える拡張子.html、.xml、.xsl、.php、.asp、.aspx、.cshtmlCSSのEmmet記法が使える拡張子.css、.less、.scss他にもあるかもしれません。Emmetの書き方HTMLとCSSに対応したEmmetのコードを入力後、Tabキーを押下して展開します。この記事の冒頭の例に書いたやり方です。下記のリンクで一覧できます。Sheet』に書いてありますが、少しピックアップします。ネスト(入れ子)ネストするには、『>』を使います。同階層にするには『+』を使います。親階層にするには『^』を使います。<li></li></ol>マルチ複数まとめて作るには『*』を使います。<li></li></ol>グループ化グループ化するには『()』でくくります。</tr></table>テキストタグ内のテキストは『{}』でくくります。href="">リンクだよ</a>ID、CLASSIDは頭に『#』、CLASSは『.』を頭に付けます。Sheetでは、プロパティ名と値は『:(コロン)』区切りになっていますが、無くても行けました。『auto』の指定は『-』や『a』でも行けました。none;htmlのひな形の『lang="en"』を『lang="ja"』に変えるこの記事の冒頭の例を見ると、『html:5』を展開した時、lang属性が"en"になっています。これを"ja"にする方法です。下記のファイルをVSCodeで開いて編集します。*テキストエディットで編集したら、文字コードのせいかバグりました。編集する前に、オリジナルをコピペして退避しておいて下さい。"UTF-8",以上です。あとがき使用頻度が低いものは、Emmetの書き方調べるのに時間かかっちゃいそうですが、タグを『<>』でくくってくれるだけでもありがたいですね。htmlのlang属性の変更方法を見つけるのに苦労しました。毎回直しても大したことないのですが、気になってしまった。html:5[lang="ja"]っていう書き方もあります。(8)参加グループプログラミングリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!mmorleyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。