HTML文档快捷键

一、web浏览器

　　1、刷新网页   　　 F5

二、VS Code 常用快捷键

1、快速生成HTML代码

　　首先，建立一个空文档，选择编程语言为HTML；

　　其次，按下!（英文状态下），再按下tab键，就可以了。也可以html:5

2、注释：

单行注释：ctrl+/， 注释后再按取消；取消单行注释：alt+shift+A 注释后再按取消

3、移动行

　　向上移动一行：alt+up；向下移动一行：alt+down

4、显示/隐藏左侧目录栏

　　ctrl + b

5、复制当前行

　　向上复制一行：shift+alt+up；向下复制一行：shift+alt+down

6、删除当前行

　　shift + ctrl + k

7、控制台显示隐藏

　　ctrl + ~

8、查找文件

　　ctrl + p

9、代码格式化

　　shift + alt +f

10、新建窗口

　　ctrl + shift + n

11、竖直的列光标，同时可以选中多列

　　11.1按住alt，用鼠标左键点击，可以出现多个光标，输入的代码可以在光标处同时增加。

　　11.2按shift+alt，再使用鼠标拖动，也可以出现竖直的列光标，同时可以选中多列。

　　11.3也可以：按住Ctrl + Alt，再按键盘上向上或者向下的键，可以使一列上出现多个光标。

三 、Emmet基本符号说明

> 子级；

() 子级选择器，与>的不同是：>仅能跟一个，()可以有多个子级；

+ 连接符，如header+main+footer或者table>(thead>tr>th*5)(tbody>tr>td*5)，或者nav>ul>(li>a[href=#]{Link})*5；

^ 返回上一级，例如div+div>p>span+em^bq等同于

<div></div>

<div>

<p><span></span><em></em></p>

<blockquote></blockquote>

</div>

div+div>p>span+em^^^bq等同于

<div></div>

<div>

<p><span></span><em></em></p>

</div>

<blockquote></blockquote>

* 后面紧跟一个整数，声明输出数量，下面有示例；

$ 变量占位符，一般写在*之前，下面有示例；

@ 站位变量的偏移符号，下面有示例；

[ ] 可以在方括号里写属性及其值，如果单个属性有多个值，应该以双引号引起来；

{ } 文本符号，例如： a{点我}等于<a href="#">点我</a>;a[href=http://wikipedia.org]{维基百科}

在CSS中，ID和CLASS分别以#和.前缀表示，可以直接连写；