用户代码片段配置
- 点击左下角设置
- 选择用户代码片段
- 点击新建全局代码片段
- 输入你要配置的全局代码片段的名称
- 开始书写片段结构
"html结构": { <!-- 代码片段名称 -->
"scope": "html", <!-- 代码片段的作用域 -->
"prefix": "h", <!-- 代码片段的缩写 -->
"body": [ <!-- 代码片段全文 -->
"<!DOCTYPE html>",
"<html lang=\"ch-CN\">",
"\t<head>",
"\t\t<meta charset=\"UTF-8\">",
"\t\t<meta name=\"viewport\" content=\"\">",
"\t\t<meta name=\"description\" content=\"\">",
"\t\t<title>$1</title>",
"\t</head>",
"\t<body>",
"\t</body>",
"</html>"
<!-- \t在这里用来缩进,\" 中的 \ 是用来使后面的双引号不执行 -->
],
"description": "Log output to console"
}
html结构解析
<!DOCTYPE html> <!-- 版本声明,用来告诉浏览器用html5的标准解析代码 -->
<!-- html标签,整个文档的最外层标签,代表整个html文档,里面只有head和body两个子标签;<html lang="ch-CN">代表当前html页面使用的是中文 -->
<html lang="ch-CN">
<head> <!-- head标签,网页的头部,控制网页的整个信息和元信息和标题等 -->
<!-- meta控制网页的元信息(描述当前网页的信息) -->
<meta charset="UTF-8"> <!-- charset字符编码,UTF-8是万国码,如果书写和使用时的编码不一致,则会导致乱码 -->
<meta name="keywords" content=""> <!-- 给网页添加关键字,作用于搜索引擎 -->
<meta name="description" content=""> <!-- 给网页添加描述,作用于搜索引擎 -->
<title>我的第一个网页</title> <!-- 网页的标签也展示的标题 -->
</head>
<!-- body标签,网页中的可见内容都在body中书写 -->
<body>
</body>
</html>