版权声明:本文为博主原创文章,未经博主允许不得转载。 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
我感觉这些规则很灵活,多试试 。