□
サンプル1：省略形の展開（Expanded Abbreviation）
展開前
html:5
入力内容
Ctrl + E（Macの場合は Command + E)
html:5
□
サンプル2：囲んでからの展開（Wrap with Abbreviation）
展開前
IE
Firefox
Chrome
入力内容
Ctrl + Shift + A（Macの場合は Command + Shift + A）を押して ul>li* を入力
IE Firefox Chrome
□
サンプル3：よく使うタグの展開
展開前
div
p
table
bq
入力内容
Ctrl + E（Macの場合は Command + E）
div p table bq
□
サンプル4：idの付け方
展開前
div#main
#main
入力内容
Ctrl + E（Macの場合は Command + E）
div#main #main
□
サンプル5：classの付け方
展開前
div.content
.content
入力内容
Ctrl + E（Macの場合は Command + E）
div.content .content
□
サンプル6：属性の付け方
展開前
a[target=_blank]
a[target=_blank name=sample]
入力内容
Ctrl + E（Macの場合は Command + E）
a[target=_blank] a[target=_blank name=sample]
□
サンプル7：兄弟関係のタグの展開
展開前
h3+p
h2.title+div
入力内容
Ctrl + E（Macの場合は Command + E）
h3+p h2.title+div
□
サンプル8：親子関係のタグの展開
展開前
ul>li
#main>#content>h1
入力内容
Ctrl + E（Macの場合は Command + E）
ul>li #main>#content>h1
□
サンプル9：同じタグを繰り返した展開
展開前
p*3
ul>li*3
入力内容
Ctrl + E（Macの場合は Command + E）
p*3 ul>li*3
□
サンプル10：グループ化したタグの展開
展開前
(ul>li*3)+p
入力内容
Ctrl + E（Macの場合は Command + E）
(ul>li*3)+p
□
サンプル11：連番を付与したタグの展開
展開前
ul>li#item$*3
入力内容
Ctrl + E（Macの場合は Command + E）
ul>li#item$*3
□
サンプル12：さまざまな展開1
展開前
html:5>#main>(#content>h1.title+p*3)+#sidebar>p*3
入力内容
Ctrl + E（Macの場合は Command + E）
html:5>#main>(#content>h1.title+p*3)+#sidebar>p*3
□
サンプル13：さまざまな展開2
展開前
IE
Firefox
Chrome
入力内容
Ctrl + Shift + A（Macの場合は Command + Shift + A）を押して ul.browser>li#item$* を入力
IE Firefox Chrome
