下载 安装编译器
虽然说是新手上路，但是在练手的时候用记事本毕竟束手束脚，在打听了解了一下，vscode notepad+++ 和HBuilder以上三种编译器是比较流行的。由于在校进行项目实践时已经下载安装了HBuilder，就继续沿用。
开发工具生成骨架标签的新增代码
在开发工具新建了一个项目后，自动生成的骨架标签比我新手上路写的第一个页面中新增了几个标签，在此我需要了解一下新增的标签是什么。
<!DOCTYPE>标签
<!DOCTYPE html><!DOCTYPE>为文档类型声明标签，作用是告诉浏览器使用哪种HTML版本来显示网页。
<!DOCTYPE html>这句代码的意思就是：当前页面采用的是HTML5版本来显示页面。
- 该声明需要写在文档最前面的位置，处在<html>标签的前面。
- <!DOCTYPE >不是HTML标签，是文档类型声明标签。
lang语言种类
<html lang="en"></html>
- en定义语言为英语
- zh-CN定义语言为中文
然而对于文档显示来说，定义为en的文档也可以显示中文，反过来定义成zh-CN的文档也可以显示英文。
所以这个属性主要是为了提示浏览器以及搜索引擎本网站的语言，再提问用户是否需要翻译，也会影响到搜索引擎的抓取结果。
charset字符集
<meta charset="UTF-8">在<head>标签内，可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码。
UTF-8是常用的值，也被称为万国码，基本包含了全世界所有国家需要用到的字符。
如果不写这句代码，有可能会出现乱码的情况。
