新建一个html文件，用Visual Studio Code打开，使用 感叹号 + Tab 键，自动生成了如下代码
你是否好奇里面的meta标签是否有什么意义？
meta常用于定义页面的说明，关键字，最后修改日期，和其它的元数据。这些元数据将服务于浏览器（如何布局或重载页面），搜索引擎SEO和其它网络服务。
常用属性：
http-equiv
该属性的内容值都是特定HTTP的头，该属性与服务器和浏览器进行交互，让网站内容显示的准确和及时。
属性值：
content-security-policy
同源策略在一定程度上保护了用户安全，但是像script、link、img等标签是不受同源策略的影响，设置该属性来声明哪些动态资源允许被加载以此减少XSS攻击。该属性的内容包括了对script、style、font、media等静态资源的控制
cache-control、Pragma、Expires
浏览器缓存，但是一般不会生效
refresh
进行页面的跳转， content是参数
//当前页面每一秒后刷新一下
default-style
首选样式表
name
name可以定义 author、keywords、description、robots、viewport的值
name属性主要用于描述网页，比如网页的关键词，叙述等。与之对应的属性值为content，content中的内容是对name填入类型的具体描述，便于搜索引擎抓取。meta标签中name属性语法格式是：
。B. description(网站内容的描述)
说明：用于告诉搜索引擎，你网站的主要内容。举例：
C. viewport(移动端的窗口)
这个属性常用于设计移动端网页。在用bootstrap,AmazeUI等框架时候都有用过viewport。
举例（常用范例）：
viewport是什么?
在移动浏览器上页面渲染是在一个叫viewport的页面绘制区域内。
手机浏览器把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽（viewport > 屏幕宽）一般是手机厂商自己设置的，与真实尺寸不对应，这样就不用把每个网页挤到很小的窗口中
<meta charset="UTF-8">
规定 HTML 文档的字符编码：UTF-8
<meta http-equiv="X-UA-Compatible" content="IE=edge">
#以上代码告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
viewport 宽度设置为device-width设备宽度， 缩放级别为不缩放