版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/lina2017lina/article/details/81561970
使用sublime text3的快速生成html模板
不同的头部信息按键不同
html:5 按tab键--->常用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>html:4t html:4s html:xs html:xxs html:xt
标签快捷键+tab键
ul>li{$$$}*5
<ul>
<li>001</li>
<li>002</li>
<li>003</li>
<li>004</li>
<li>005</li>
</ul>
a:link
<a href="http://"></a>link:css
<link rel="stylesheet" href="style.css">link:favicon
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">meta:utf
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">meta:vp
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">style
<style></style>script
<script></script>script:src
<script src=""></script>img
<img src="" alt="">iframe
<iframe src="" frameborder="0"></iframe>form:get
<form action="" method="get"></form>form:post
<form action="" method="post"></form>input[type=hidden name]
<input type="hidden" name="">select
<select name="" id=""></select>select>option*2
<select name="" id="">
<option value=""></option>
<option value=""></option>
</select>option
<option value=""></option>textarea
<textarea name="" id="" cols="30" rows="10"></textarea>标签.类名
div.aa
<div class="aa"></div>
p.qq
<p class="qq"></p>标签#id名
div#aa
<div id="aa"></div>
p#qq
<p id="qq"></p>规则
{} 写的是包含的文字，例:h2{星期$}*2
$ 代表的数字
*2 两组标签,想几组就乘几
> 有父子关系的，例如：父>子 select>option
我感觉这些规则很灵活，多试试 。