Collection
Collection
<!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>Document</title></head><body></body></html>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
{text}
<!--h3{title}--><h3>title</h3>
[attr]
<!--[id=app]{app1}--><div id="app">app1</div><!--[class=title]{title}--><div class="title">title</div>
id,class是高频通用属性，Emmet为他们定制了“语法糖”
id->#,class->.
<!--#app{app1}--><div id = "app">app1</div><!--.title{title}--><div class = "title">title</div>
*
<!--.container{box}*3--><div class="container">box</div><div class="container">box</div><div class="container">box</div>
>
<!--ul>li{item}*3--><ul><li>item</li><li>item</li><li>item</li></ul>
+
<!--h3{标题}+p{段落}--><h3>标题</h3><p>段落</p>
^
<!--.box>span{text}^h3{666}--><div class="box"><span>text</span></div><h3>666</h3>
<!--nav>h3{导航}+ul>li*3>a{link}--><!--nav>h3{导航}+(ul>li*3>a{link})--><nav><h3>导航</h3><ul><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li></ul></nav>
$,$@
<!--默认从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-$@-1}*3 --><ul><li>item-3</li><li>item-2</li><li>item-1</li></ul>