本文介绍了VSCode如何生成HTML骨架代码，包括DOCTYPE声明用于指定HTML版本，lang属性定义页面语言，以及charset设置字符编码为UTF-8，确保正确显示文本内容。这些基础代码对于构建网页至关重要。
VSCode工具生成骨架标签新增代码
<!DOCTYPE>标签
lang语言
charset字符集
<!DOCTYPE html>
<html lang="zh-CN">
<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>用vscode创建第一个网页</title>
</head>
<body>
写代码是一件很快乐的事情HAHA
</body>
</html><!DOCTYPE>标签
<!DOCTYPE>文档类型声明，是一个声明标签，作用是告诉浏览器使用哪种HTML版本显示网页。
<!DOCTYPE html>
这句代码的意思是：当前页面是采取HTML5版本显示网页。
注意：
<!DOCTYPE>声明位于文档中的最前面，处于<html>标签之前。
<!DOCTYPE>不是HTML标签，就是一个文档类型声明标签。
lang语言种类
用来定义当前文档显示的语言。
en定义语言为英语（就是英文网页）
zh-CN定义语言为中文（中文网页，提倡使用）
fr定义语言为法语（了解就好，不用）
而定义成en的文档也可以显示中文，同理，定义成zh-CN的文档也可以显示英文。
字符集
字符集（Character set）是多个字符的集合。目的是便于计算机识别和存储各类文字。
在<head>标签内，可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码。
<meta charset=" UTF-8">
charset常用的值：GB2312（简体中文）、BIG5（繁体中文）、GBK和UTF-8，其中 UTF-8也被称为万国码，基本包含了世界所有国家需要用到的字符。
注意：
上面语法是必须要写的代码，否则会引起乱码。使用“UTF-8”编码，尽量统一成标准的“UTF-8”。
总结
以上三个代码vscode自动生成，基本不需要我们重写。
<!DOCTYPE html>文档类型声明标签，告诉浏览器这个页面采取HTML5版本显示的。
<html lang="en">告诉浏览器或搜索引擎，这是一个英文网站，本页面采取英文显示。
<meta charset="UTF-8" />是必须要写的代码。采取UTF-8来保存文字，不写会乱码。
扫一扫
1437
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
