快捷开发--html

本文介绍了如何使用Vscode进行快速HTML书写,重点讲解了Emmet插件的核心语法,包括H5模板、class与id的设定、元素层级操作以及重复和编号等技巧,旨在提供简洁明了的指导。
摘要由CSDN通过智能技术生成

快速书写HTML

1. 前言

快速书写的语法应该溯源到Emmet插件,现在绝大多数编辑器都支持该语法;
本文以Vscode为例介绍核心语法,力求简洁明了。

2. 内容

H5模板 !

! 快速生成H5模板 

class & id


<!-- div.container#main -->
<div class="container" id="main"></div>

下级 >

<!-- div>div>button -->
<div>
    <div>
        <button></button>
    </div>
</div>

同级 +

<!-- div+button+div -->
<div></div>
<button></button>
<div></div>

上级 ^

&
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值