快速书写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>

上级 ^

<!-- 这个我想应该是`<`的意思，但是有`<`就歧义了，所以用了`^`代替 -->
<!-- div>button^button -->
<div><button></button>
</div>
<div></div>

重复 *

<!-- button*3 -->
<button></button>
<button></button>
<button></button>

编号 $*

<!-- button#btn$*3 -->
<button id="btn1"></button>
<button id="btn2"></button>
<button id="btn3"></button>

组合 ()

<!-- (div#container$>button)*3 -->
<div id="container1"><button></button></div>
<div id="container2"><button></button></div>
<div id="container3"><button></button></div>

3. 参考

开源中国

【HTML】使用Vscode快速书写HTML相关推荐

vscode 新建php模板,使用VSCode快速创建vue文件模版的方法介绍
VSCode怎么自定义代码模版?下面本篇文章给大家介绍一下VSCode快速创建vue文件模版的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 修改位置打开vscode首选项- ...
快速书写常见的 Kotlin 代码 MD
Markdown版本笔记我的GitHub首页我的博客我的微信我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...
IEDA快速书写代码快捷键
IEDA快速书写代码快捷键 public static void main(String[] args){}:psvm+Enter System.out.println();: for(int i = ...
【开发者说】XstoryMaker快速书写剧本场景动画
[开发者说]栏目是为HarmonyOS开发者提供的展示和分享平台,在这里,大家可以发表自己的技术洞察和见解,也可以展示自己的开发心得和成果. 欢迎大家积极投稿,HarmonyOS开发者公众号后台回复[ ...
Vscode快速入门、插件安装、插件位置、修改vscode默认引用插件的路径、在命令行总配置code、快捷键
Vscode快速入门这里写目录标题安装插件安装 Ctrl + Shift + X (插件商店): 插件位置默认位置修改默认路径修改vscode默认引用插件的路径在命令行总配置code 基 ...
VSCode: 快速生成 html 骨架和在浏览器中打开
使用vscode快速生成html 骨架打开vscode新建一个文件然后按照以下步骤进行操作新建html文件,记住一定要保存然后才能使用快捷键! 然后就生成了html骨架,也可以使用快捷键 !+TA ...
VsCode快速生成html 骨架，使用中文，在浏览器打开
使用vscode快速生成html 骨架首先第一步打开vscode新建一个文件然后按照以下步骤进行操作新建html文件,记住一定要保存然后才能使用快捷键! 然后就生成了html骨架,也可以使用快捷键 ...
vscode快速格式化代码（详细）
vscode快速格式化代码(详细) 1.快捷键:[Alt]+[Shift]+F 2.每次保存(ctrl+s)就会自动初始化原理:配置settings.json文件步骤: 1.文件–首选项,进入(如 ...
Vscode 快速格式化代码
Vscode 快速格式化代码: shift+alt+f 也可以设置当我们保存页面的时候自动格式化代码:1)文件 ------.>[首选项]---------->[设置]:)搜索emme ...
vscode快速注释_Python快速入门(一)
引言 Python作为一个,目前最火的编程语言之一,已经渗透到了各行各业.它易学好懂,拥有着丰富的库,功能齐全.人生苦短,就用Python. 这个快速入门系列分为六篇,包含了Python大部分基础知识 ...

【HTML】使用Vscode快速书写HTML

快速书写HTML

1. 前言

2. 内容

3. 参考

【HTML】使用Vscode快速书写HTML相关推荐

最新文章

热门文章