在VSCode中，我们在新建一个HTML文件后，一般都会输入一个!来生成如下的代码模板来初始化当前文件，那么这段代码都具体有代表什么含义呢？今天就来介绍一下！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
1. <!DOCTYPE html>
<!DOCTYPE html>是html5标准网页声明,全称为Document Type HyperText Mark-up Language，意思为文档种类为超文本标记性语言或超文本链接标示语言，现在是这个简洁形式，支持html5标准的主流浏览器都认识这个声明。表示网页采用html5， 声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
2. <html lang="en">
<html lang="en">包含整个HTML文件的所有内容，向搜索引擎表示该页面是html语言，同时表示语言为英文网站，其"lang"的意思就是“language”，语言的意思，而“en”即表示english。
3. <head>
<head>标签用于定义文档的头部，它是所有头部元素的容器，一般用于描述文档的各种属性和信息。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。而其中又包含title标签和一些meta标签
title标签
<title>用于定义文件的标题，当用浏览器打开文件时其会显示在窗口的标题栏上
meta标签
<meta charset="UTF-8">： 定义当前页面的编码格式，告诉浏览器以什么编码格式解析当前页面，这里表示改页面用UTF-8编码格式解析<meta http-equiv="X-UA-Compatible" content="IE=edge">：用于告知浏览器以何种版本来渲染页面（一般都设置为最新模式），这里的含义是指定IE浏览器使用最新的IE版本渲染当前页面<meta name="viewport" content="width=device-width, initial-scale=1.0">：这里一个针对移动网页优化的标签，width用于设置viewport的宽度，这里的device-width表示视区宽度就是设备的屏幕宽度，而initial-scale则控制初始缩放比例，这里的1.0则表示显示的是未经缩放的web页面
4. <body>
<body>标签是整个HTML文件的主体部分，我们一般把html代码和js代码都写在此处。
