VSCode生成的HTML代码含义
VSCode输入 '!' 或者 'html:5' 然后按 回车 或 Tab键 会自动生成HTML5的骨架。
①. <!DOCTYPE>
<!DOCTYPE> 文档类型(document type)声明，帮助浏览器正确显示网页内容；不区分大小写，不属于HTML标签，最好在第一行，否则可能不能识别。
<!DOCTYPE html>是声明文档类型为HTML5版本。除了HTML5还有HTML4、XHTML1声明。
扩展
问：没有 !DOCTYPE声明 会怎么样？
答：浏览器判断是否存在DOCTYPE声明来决定模式：
第一种情况：有且正确声明：标准(standards)模式，浏览器按W3C标准解析
第二种情况：没有或声明格式错误：怪异/混杂(quirks)模式，浏览器用自己的方式解析，尽量向后兼容
问：为什么HTML5只需<!DOCTYPE html>
答：因为HTML5不基于SGML，不需要对DTD引用，而HTML4和XHTML基于SGML，所以引用DTD。
注：通过控制台输入 document.compatMode 可以查看文档的渲染模式是怪异模式还是标准模式。此外，HTML4可以通过DOCTYPE声明决定使用什么模式。
②. lang 语言
lang 用来定义当前文档显示的语言。en英语，zh-CN中文。
会影响浏览器的翻译功能
③. charset 字符集
通过 <meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。
会影响浏览器解析，设置了错误字符集会造成文字乱码
扩展
问：什么是UTF-8？
答：国际组织为统一标准制定了Unicode字符集，为了节省空间和网络传输问题，出现了UTF标准，UTF-8是UTF标准的其中一种(还有UTF-16、UTF-32)，所以UTF-8是Unicode字符集的一种字符编码。在UTF-8中，英文占1字节，汉字占3字节。
④.针对IE浏览器
<meta http-equiv="X-UA-Compatible" content="IE=edge">
X-UA-Compatible：针对IE8以上的属性(因为IE8以下无法识别)，规定IE在解析网页使用的文档模式；
IE=edge ：总是使用最新版本的文档模式，如：在IE8就是IE8文档模式，在IE9就是IE9文档模式，以此类推。
⑤.移动端窗口
<meta name="viewport" content="width=device-width, initial-scale=1.0">
viewport：为移动端设置窗口属性；
content的值可以是以下几个：
width/height：设置窗口宽度/高度；值可以是具体数值或特殊值device-width/device-height根据设备自动调整宽度/高度、
initial-scale：初始缩放比，值0.0~10.0
maximum-scale/minimum-scale：最大/最小缩放比，值0.0~10.0
user-scalable：用户是否可以缩放，值yes/no
扩展
其他常用的值：keywords和description
<meta name="keywords" content="网站的关键词">
<meta name="description" content="网站的描述">
浙公网安备 33010602011771号