emmet語法:
1.!+tab:整個html文檔
2.標籤名*個數:生成對應個數的標籤eg:p*5
3.同級是+, 生成同級標籤,同時生成一個a和一個img
4.>:下一級
5.^:上一級
6.{}:緊跟標籤的後面,表示該標籤的內容
7.#:id (id跟身份證號差不多,在頁面中不能出現相同id的標籤)
示例:
div.div1 ----> 生成一個class名爲div1的div標籤
div#div1 ----> 生成一個id名爲div1的div標籤
p*5 ----> 生成5個p標籤
p.*5 ----> 生成5個帶有空的class屬性的p標籤
p#*5 ----> 生成5個帶有空的id屬性的p標籤
a+img ----> 生成同級的一個a和一個img
a.+img. ----> 生成同級的一個a和一個img(此時a和img都有空的class屬性)
a#+img# ----> 生成同級的一個a和一個img(此時a和img都有空的id屬性)
ul>li*5----> 在ul標籤下有5個li標籤
ul>li.*5---->在ul標籤下有5個帶有空的class屬性值的li標籤
ul>li#*5---->在ul標籤下有5個帶有空的id屬性值的li標籤
p{我是一個p} ----> 生成一個內容是"我是一個p"的p標籤
(ul>li{1111}*5)*3 或者 ul*3>li{1111}*5 ----> 生成3個帶有5個列表項, 列表項內容爲"1111"的無序列表
......
如果一一列舉的話, 還有很多很多, 大致的思路已經提供給大家: 如果想要給標籤帶 class 就在標籤名後面加個點 . ; 如果想要給標籤帶 id 就在表現後加個 #; 如果給標籤設置內容就用大括號 {}; 有層級就用 > 和 ^, 平級就用 +, 個數多就用 *
簡單的這麼一個思路, 大家按照這個思路自行擴充即可.