html&&常用emmet语法
<!-- 常用emmet语法 -->
<!--"html:5"生成html5文档结构 或 "!"也可以 -->
<!DOCTYPE html>
<html lang="en">
<head>
<!--"meta:utf"生成当前默认字符集的标签-->
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<!--<meta charset="UTF-8"> -->
<!--"meta:vp"创建当前页面缩放-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--"meta:compat"兼容IE8 -->
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!--"link"引用CSS文件 或 "link:css"-->
<link rel="stylesheet" href="bootstrap.css">
<!-- "script:src"添加script脚本 -->
<script src="bootstrap.js"></script>
<title>Document</title>
</head>
<body>
<p>1.生成带类样式的标签</p>
<!--"p.info":"标签名称.类样式在css中的语法" -->
<p class="info"></p>
<!--"div.red" 或 ".red"-->
<div class="red"></div>
<p>2.生成带ID的标签</p>
<!--"h2#header" -->
<h2 id="header"></h2>
<!-- "div#header" 或 "#<header>" -->
<div id="header"></div>
<p>3.a标签</p>
<!-- "a:link"生成完整的url前缀 -->
<a href="http://"></a>
<!-- "a:mail"生成邮箱格式 -->
<a href="mailto:"></a>
<p>4.根据标签间的位置关系生成标签</p>
<!-- "h2.header+p.info"生成同级标签，即兄弟标签 -->
<h2 class="header"></h2>
<p class="info"></p>
<!-- "ul>li"生成后代标签，也叫下级标签 或 "ul>li+li+li"生成多级标签 -->
<ul>
<li></li>
</ul>
<!-- "h2>span^p.info"生成当前标签的父级，也叫上级标签 -->
<h2><span></span></h2>
<p class="ifo"></p>
<p>5.生成标签时，同时创建内部文本</p>
<!-- "a{文本}" -->
<a href="">学徒啊学徒</a>
<!-- "p[title="值"]" -->
<p title="title后跟值，即字符串"></p>
<!-- a[href="网址"]{文本} -->
<a href="www.xingfafa.com">公司网址</a>
<p>6.重复生成功能:*</p>
<!-- "ul>li*3" -->
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<!-- "ul.list>li.item*3>a{导航}"快速生成一个有3个列表项的导航 -->
<ul class="list">
<li class="item"><a href="">导航</a></li>
<li class="item"><a href="">导航</a></li>
<li class="item"><a href="">导航</a></li>
</ul>
<p>7.给新创建的标签增加序号和排序</p>
<!-- "ul.list>li.item*3>a{导航$}"其中$.增加编号 -->
<ul class="list">
<li class="item"><a href="">导航1</a></li>
<li class="item"><a href="">导航2</a></li>
<li class="item"><a href="">导航3</a></li>
</ul>
<!-- "ul.list>li.item*3>a{导航$$}"其中$$.增加编号 -->
<ul class="list">
<li class="item"><a href="">导航01</a></li>
<li class="item"><a href="">导航02</a></li>
<li class="item"><a href="">导航03</a></li>
</ul>
<!-- "ul.list>li.item*3>a{导航$$$@-}"其中"@-":倒序排列 -->
<ul class="list">
<li class="item"><a href="">导航003</a></li>
<li class="item"><a href="">导航002</a></li>
<li class="item"><a href="">导航001</a></li>
</ul>
<!-- "ul.list>li.item*3>a{导航$$@2}"从2开始排序编号 -->
<ul class="list">
<li class="item"><a href="">导航02</a></li>
<li class="item"><a href="">导航03</a></li>
<li class="item"><a href="">导航04</a></li>
</ul>
</body>
</html>
来源：CSDN
作者：默行默致
链接：https://blog.csdn.net/dfq737211338/article/details/104098520