Sublime快速⽣成html快捷⽅式(平时较常⽤)tab键很强⼤,输⼊要输⼊的信息后,点击tab键,效果即现。
头部部分:(html5)
1、输⼊“!”,按tab键;
2、输⼊“html:5”,按tab键;
得到:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
注意:编写中⽂⽹页,记得把头部语⾔<html lang="en">改为<html lang="zh-cn">。
css样式引⽤:
输⼊“link”,按tab键;
得到:
<link rel="stylesheet" href="">
代码补全:
要输⼊⼀段代码段,⽤拼接形式。
1、⼦集合⽤“>”拼接,⼏个⼦集⽤星号拼接,标签内⽂本⽤“{value}”拼接,有序数字⽤“$”拼接
html实现用户注册登录代码
如:ul>li4>a{value$}
得到:
<ul>
<li><a href="">value1</a></li>
<li><a href="">value2</a></li>
<li><a href="">value3</a></li>
<li><a href="">value4</a></li>
</ul>
2、同级元素⽤ "^" 拼接,可以⽤()把要优先级区别开
如:div>(header>ul>li*2>a)+footer>p
得到:
<div>
<header>
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</header>
<footer>
<p></p>
</footer>
</div>
3、设置元素id,class,类似于css中id设置⽤#,class⽤. 。
如:#header{头信息}
得到:
<div id="header">头信息</div>
如:.title{标题}
得到:
<div class="title">标题</div>
4、快速输⼊标签,输⼊标签名称,按下tab键如:div input label video audio 等
得到:
<div></div>
<input type="text">
<label for=""></label>
<video src=""></video>
<audio src=""></audio>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论