本文介绍了前端开发者如何使用Vscode，包括下载安装插件、设置自动保存，以及常用快捷方式。讲解了实体语法，如&nbps;代表空格，>和<分别代表大于号和小于号。此外，还探讨了HTML语义化标签，如h1-h6标题标签，块元素与行内元素的区别，以及em、strong、blockquote和q等标签的用途。
Vscode
今天开始用Vscode~
下载和安装插件
官方下载Visual Studio Code
安装插件：插件可以辅助我们更好的使用Vscode，可以下载官方插件或者下载量多评分好的插件，在搜索栏搜索关键单词，点击install下载安装，设置可以卸载禁用重新安装等。
插件一Chinese，可以将全英Vscode翻译成中文
插件二Ayu，可以设置Vscode的颜色，觉得暗可以调成亮色
插件三Live server可以改代码时自动刷新，不需要手动保存。
写完具体步骤：1.安装后回代码页面右键——open with live server——ctrl+s——刷新网站
2. 自动保存：文件设置——第一个Auto Save——将off改成after Delay——Auto Save Delay生效时长自己设定（可以500毫秒 可以搜索Delay找到生效时长设定）
注意如果Vscode报Open a folder or workspace 是因为项目没有具体保存在哪个文件夹，建立一个文件夹就OK啦，开发时文件名尽量不要用中文，名字后缀记得是 .html
（调整字体大小：文件——首选项——设置——Editor:Font Size）
使用Vscode
快捷方式
写代码的框架可以直接打!+Tab 自动生成完整网页结构（其中<html long="en"> en是英文的意思，有这个代码网页可以询问是否需要翻译 zh是中文 可以直接打"zh")
快捷写代码可以写标签+Tab直接自动补全标签 注释=Ctrl+/
在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格，在HTML中有些时候我们不能直接书写一些特殊符号，比如多个连续的空格，比喻字母两侧的大于号和小于号。如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体（转义符号）
实体的语法
格式：&+实体的名字+;
例： 空格 > 大于号 < 小于号 © 版权符号等
可以去W3School——HTML实体中寻找自己需要的实体和标签
meta主要用于设置网页中的一些元数据，元数据不是给用户看。
charset指定网页的字符集
name指定的数据名称
content指定数据的内容
Keywords表示网站的关键字，可以同时指定多个关键字，关键字用 , 隔开
<meta name="keywords" content="HTML,CSS,前端" >
description用于指定网站的描述，会显示在搜索引擎的搜索结果中
title标签的内容作为搜索结果的链接上的文字显示
<meta http-equiv="refresh" content="3;url=http://www.mozilla.org">（不固定）
将页面重定向到另一个网站
模仿<meta http-equiv="refresh" content="3;url=http://www.baidu.com">
语义化标签（1）
在网页中HTML专门用来负责网页的结构，所以在使用html标签时，应该关注标签的语义而不是它的样式。
标题标签：h1-h6共有六级标签，从h1-h2重要性递减，h1最重要，h6最不重要。h1在网页中的重要性仅次于title标签，一般情况下，一个网页中只会有一个h1。一般情况下标题只会使用h1-h3，h4-h6很少用。
在页面中独占一行的元素称为块元素<block element>
p标签表示页面中的一个段落，p也是一个块元素。
hgroup标签用来为标题分组，可以将一组相关的标题同时放入hgroup
例：<hgroup>
<h1>回乡偶书二首</h1>
<h2>其一</h2>
</hgroup>
em标签用来表示语言语调的加重
例：<p>今天天气<em>真</em>不错</p>
效果如下
在页面中不会独占一行的元素称为行内元素<inline element>
strong表示强调重要内容
例：<p>你今天必须要<strong>完成作业</strong>!</p>
效果如下
blockquote表示一个长引用，是块元素
例：鲁迅说：
<blockquote>
这句话我从来没说过
</blockquote>
效果如下
q表示一个短引用，没有换行，属于行内引用
例：子曰<q>学而时习之，乐呵乐呵！</p>
效果如下
br标签表示页面中的换行，一个br换一行，两个br换两行
可以试试<b> <i> <small> <sub>等标签
如果出现乱码可以换版本格式解决
强调：语义标签关注的是语义不是样式
扫一扫
2454
到【灌水乐园】发言
