HTML起手式简要介绍以VScode内使用！+tab 按键快速生成的HTML起手式为例。文档类型 <!DOCTYPE

以VScode内使用！+tab 按键快速生成的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>

文档类型

<!DOCTYPE html>

文档类型必须放在页面的最顶部。这是文档类型，告诉浏览器当前页面使用的是HTML5规范。由于IE5不遵守w3c的规则，而IE6又想遵守此规则又想兼容IE5，于是产生了这个 DOCTYPE ，用以让诉浏览器使用 “标准模式” 渲染。具体可以去了解浏览器大战。

lang属性

<html lang="en">

这是html标签的lang属性，用于告诉浏览器主体的语言，国内通常把lang的en改成zh-CN。

编码方式

<meta charset="UTF-8">

这是指定浏览器的编码方式，UTF-8是文件的字符编码，如果这里所写的编码和实际使用不符则会报错。GBK只针对亚洲国家使用，而UTF-8使用更加广泛。

兼容手机

<meta name="viewport" content="width=device-width, initial-scale=1.0">

这里的意思是禁用缩放从而兼容手机。但是VScode的禁用缩放并不好，推荐去一些为手机重新设计页面的网站的官网，通过F12进入开发者模式，选择手机模式预览，找到以开头的代码，并整个复制黏贴。

浏览器内核

<meta http-equiv="X-UA-Compatible" content="IE=edge">

这是让IE使用最新的内核。

-小知识：Blink内核是谷歌浏览器所使用的内核，现在新版的Opera浏览器和Edge浏览器也使用这个内核了。

标题

<title>Document</title>

这是用于设置浏览器的标题。