HTML元信息类标签介绍
元信息是指描述自身信息，元信息类标签是指html文档中用于描述自身信息一类的标签，一般是提供给浏览器或者搜索引擎的
head标签
作为其他标签的承载容器出现，本身并不携带任何信息，且必须包含一个title标签，如果作为iframe出现，则不必须包含title标签
title标签
表示文档的标题，会显示在浏览器的标题栏或页签栏上
meta标签
meta是一种通用的元信息表示标签，head中可以包含多个meta标签，一般由meta标签里的name和content定义，name表示名称，content表示对应的值
charset属性
从html5开始，meta标签新增了简化写法charset，拥有包含charset写法的meta，则无需再写name和content属性，在创建html时，定义编码格式的写法如下：
<meta charset="utf-8">
http-equiv属性
http-equiv是一个枚举属性，定义了能改变服务器和用户引擎行为的编译命令，具体的命令由content来指定，属性值如下：
- content-type：规定文档的字符编码，实例：
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
- default-style ： 规定要使用的预定义的样式表,实例：
<meta http-equiv="default-style" content="the document's preferred stylesheet">
//注释：上面 content 属性的值必须匹配同一文档中的一个 link 元素上的 title 属性的值，或者必须匹配同一文档中的一个 style 元素上的 title 属性的值。
- refresh：定义文档自动刷新的时间间隔，实例：
<meta http-equiv="refresh" content="300">
// 注释：值 "refresh" 应该慎重使用，因为它会使得页面不受用户控制。
- X-UA-Compatible ：默认使用最新浏览器
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- Cache-Control： 不被网页(加速)转码
<meta http-equiv="Cache-Control" content="no-siteapp">
name为viewport
viewport并没有在html中定义，但是已作为在移动端开发的标准，是用于指定视口初始大小的提示，仅供移动设备使用，其值content包含多个值用 ',' 分隔，具体值如下：
- width：控制 viewport 的大小，可以指定的一个值，如 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
- height：和 width 相对应，指定高度。
- initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
- maximum-scale：允许用户缩放到的最大比例。
- minimum-scale：允许用户缩放到的最小比例。
- user-scalable：用户是否可以手动缩放
<meta name="viewport"
content="width=device-width,
height=device-height,
initial-scale=1,
minimum-scale=1,
maximum-scale=1,
user-scalable=no">
其他预定义的meta
- author: 页面作者。
- description：页面描述，这个属性可能被用于搜索引擎或者其它场合。
- generator: 生成页面所使用的工具，主要用于可视化编辑器，如果是手写 HTML 的网页，不需要加这个 meta。
- keywords: 页面关键字，对于 SEO 场景非常关键。
- referrer: 跳转策略，是一种安全考量。
- theme-color: 页面风格颜色，实际并不会影响页面，但是浏览器可能据此调整页面之外的 UI（如窗口边框或者 tab 的颜色）。
<meta name="apple-mobile-web-app-capable" content="yes"> <!-- 删除苹果默认的工具栏和菜单栏 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><!-- 设置苹果工具栏颜色 -->
