<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Html是结构化标签语言</title></head><body><!-- 1. 标签与内容：'{text}' --><h3>Html是结构化标签语言</h3><div class="title">默认标签div</div><hr><!-- 2. 属性和语法糖：`[attr]` --><!-- [id=app]{app} --><div id="app">app</div><!-- [class=title]{title} --><div class="title">title</div><!-- id,class是高频,通用属性,emmet为它定制了“语法糖” --><!-- `id ==> #, class ==> .` --><!-- #app{app} --><div id="app">app</div><!-- .class{title} --><div class="class">title</div><hr><!-- 3. 重复：'*' --><!-- .container{title}*3 --><div class="container">title</div><div class="container">title</div><div class="container">title</div><hr><!-- 4. 父子：`>` --><!-- ul>li{item}*3 --><ul> <li>item</li> <li>item</li> <li>item</li></ul><!-- 5. 兄弟关系 --><h3>标题</h3><p>内容</p><!-- h3{标题}+p{内容} --><h3>标题</h3><p>内容</p><hr><!-- 6. 父级 --><!-- .box>span{text}^h3{小标题} --><div class="box"><span>text</span></div><h3>小标题</h3><hr><!-- 7. 分组：`(...)` --><nav> <h3>导航</h3> <ul> <li><a href="">like</a></li> <li><a href="">like</a></li> <li><a href="">like</a></li> </ul></nav><!-- nav>h3+ul>li*3>a{like} --><!-- nav>h3+(ul>li*3>a{like}) 不能tab生成 -->nav>h3+(ul>li*3>a{like})nav>h3+ul>li*3>a{like<nav> <h3></h3> <ul> <li><a href="">like</a></li> <li><a href="">like</a></li> <li><a href="">like</a></li> </ul></nav><hr><!-- 8. 序号：`$` ,`$@` --><ul> <li>item-1</li> <li>item-2</li> <li>item-3</li></ul><!-- 默认是$@1 ul>li{item-$}*3 --><ul> <li>item-1</li> <li>item-2</li> <li>item-3</li></ul><!-- 自定义起始 ul>li{item-$@6}*3 --><ul> <li>item-6</li> <li>item-7</li> <li>item-8</li></ul><!-- ul>li{item-$@-6}*3 倒叙--><ul> <li>item-8</li> <li>item-7</li> <li>item-6</li></ul></body></html>
## 总结遇到的问题nav>h3+ul>li*3>a{like}nav>h3+(ul>li*3>a{like}) 不能tab生成
