html5快捷操作

1.初始化 
“!”或“html:5”,然后按Tab键,快速生成HTML5格式,比如<html>、<head>、<body>等

2.快速添加标签
p.list#3 + tab补齐,快速生成 <p class="list" id="3"></p>
" . "对应class类   # 对应id

h1{一级标题} + tab补齐,快速生成标题<h1>一级标题</h1>

a[href=#] + tab补齐,快速生成a标签<a href="#"></a>

3.  嵌套 
现在你只需要1行代码就可以实现标签的嵌套。 
>:子元素符号,表示嵌套的元素
+:同级标签符号
^:可以使该符号前的标签提升一行
p>span^p + tab补齐,快速生成p,span标签并提升一行,新一行生成p标签:
	<p><span></span></p>
	<p></p>
	
4.分组 
可以通过嵌套和括号来快速生成一些代码块
(.list1>h1)+(.list2>h2)+ tab补齐,快速生成:
	<div class="list1">
		<h1></h1>
	</div>
	<div class="list2">
		<h2></h2>
	</div>
	
5.  隐式标签 
可以理解为快捷操作可以不输入,系统通过元素自动识别的标签
	li:用于ul和ol中
	tr:用于table、tbody、thead和tfoot中
	td:用于tr中
	option:用于select和optgroup中

比如:
(.list1>h1)+(.list2>h2),省略了div

<ul>中输入.item + tab补齐,快速生成:
	<li class="item"></li>
	
6.  定义多个元素 
比如:
ul>li*5 + tab补齐,快速生成:
	<ul>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	</ul>

ul>li.item$*3 + tab补齐,快速生成:
<ul>
	<li class="item1"></li>
	<li class="item2"></li>
	<li class="item3"></li>
</ul>

7.快捷键
ctrl + / 快捷键注销,生成引号,用于注销,及在页面不显示
alt + / 快捷键补齐
table键,快捷补齐,比上者补齐功能强大
ctrl + R 默认浏览器运行
ctrl + S 保存
ctrl + N 新建
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值