emmmet之HTML語法

嵌套操作

1. 使用 “>” 生成子元素
   div>ul>li 按table鍵：
   

2.使用符號 “+” 生成兄弟元素
div+p+bq 按table鍵：

3.使用 “^” 生成父元素，與 “>” 相反
div+div>p>span+em^bq 按table鍵：

多個^:
div+div>p>span+em^^^bq 按table鍵：

4.使用 “” 操作符生成多個元素
div>ul>li5 按table鍵：

5.使用 “()” 操作符將元素分組，實現更復雜的簡寫任務
div>(header>ul>li*2)+footer>p 按table鍵：

屬性操作：
1) id 與 class
元素與 id 屬性值之間用 “#” 分隔，與 class 屬性值之間用 “.” 分隔。

2) 其他屬性
使用 [attr] 標記添加其他屬性。

注意：

1. 方括號中可添加任意數量的屬性
2. 不給定屬性值，則屬性值爲""。td[colspan title]將得到
   <td colspan="" title=""></td>
3. 屬性值可用單引號或雙引號，輸出統一爲雙引號

4. 如果屬性值中沒有空格，則引號可省略

   3) 爲條目編號
   使用 “” 符號生成的多個元素，可用 “$” 操作符實現從1到 N 自動編號。
   li.item$3 按table鍵：
   

可在 “$” 後添加 “@n” 修改編號的起始值爲n。

可在 “$” 後添加 “@-” 修改編號的方向

4. 添加文本

使用花括號 “{}” 操作符爲元素添加文本節點。