---恢復內容開始---

註：所有命令生效按Tab

搭建框架：
html:5

嵌套操作，
1 使用>生成子元素
div>ul>li
tr>td *3 生成三個td標簽

2、使用“+”生成兄弟元素
div+p+h1
<div>
<p>
<h1>

3、使用^生成父元素
div>p>span+h1^a
<div>
　　<p>
　　　　<span></span>
　　　　<h1></h1>
　　</p>
　　<a href=""></a>
</div>

4.使用“()”將元素分組（可以一次創建頁面框架）
div>(header>ul>li*2)+footer>p
<div>
　　<header>
　　　　<ul>
　　　　　　<li></li>
　　　　　　<li></li>
　　　　</ul>
　　</header>
　　<footer>
　　　　<p></p>
　　</footer>
</div>

屬性操作（#表示id . 表示class）
div#header+div.page+div

使用[]標記其他屬性
td[title=‘hello‘ colspan=3]

使用$符號實現1到n的自動編號
li.item$*3
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
可以在$後面添加@n 修改編號的起始值
li.item$@3*3
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>

可以使用{}添加文本內容
a[href=me.html]{click me}
<a href="me.html">click me </a>

---恢復內容結束---

sublime中Emment插件用法