Emmet (Zen Coding) HTML basic syntax, emmetcoding

Emmet (Zen Coding) HTML basic syntax, emmetcoding

1. nested operation ---------- suboperation:> div> ul> li

 

Parallel: + div + ul> li

 

Superior: ^ ul> li ^ div

 

Ul> li> a ^ div

 

Repeat: * ul> li * 3 groups: () div> (p> span) * 2

 

2. Attribute operation ---------- id and class div # header + div. main + div # footer

Attribute Value a [title = test target = _ self] Sequence Value: $ p. item $ * 3

 

 

 

P. item $ * 3

 

 

 

Sequence OPERATOR: @ p. item $ @-* 3 @-=-1

 

 

 

P. item $ @ 3*3 @ 3 = 3 times from 3

 

 

 

P. item $@-3*3 @-3 = 3 and end with 3

 

 

 

3. character operation ---------- character operation: {} a {click} click a> {click} + span {me} clickme 4. default element ----------. header +. footer ------------- div. header + div. footer ul>. item * 3 -------------- ul> li. item * 3 table>. row * 4>. cell * 3 -------------- table> tr. row * 4> td. cell * 3