Emmet:文法

本物のページはこちら→syntax

Included page "emmet:syntax" does not exist (create it now)

リファレンス

Emmet-Chear-Sheet….よく使うコマンドが一覧表になっている。カンニングペーパーみたいなかんじだね。
7 Awesome Emmet HTML Time-Saving Tips…これはわかりやすい

ツリー関係を表す演算子

^ 上の階層に戻る
+ 兄弟
>

属性を記述する

# id=
. class=
[属性名] 属性名=

html:5

htmlファイルのひな形を出してくれる

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
 
</body>
</html>

分析

html:5はabbriviation,つまり省略形として登録されている。

"html:5" : "!!!+doc[lang=${lang}]"

!!!はsnippetsとして登録されている。

"!!!": "<!doctype html>"

doc

"html>(head>meta[charset=UTF-8]+title{${1:Document}})+body",

サポートサイト Wikidot.com