属性	描述
charset	定义文档的字符编码
http-equiv	把 content 属性关联到 HTTP 头部。
name	把 content 属性关联到一个名称。
content	定义与 http-equiv 或 name 属性相关的元信息(描述)。
scheme	HTML5不支持。定义用于翻译 content 属性值的格式。

charset

//1.h5新增的写法 
<meta charset="UTF-8" /> 
// 2.旧的写法 
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

charset属性用来声明文档使用的了字符编码。如果页面出现中文乱码问题，确定文档有没有声明。

默认值：ISO-8859-1(英文字符编码，也称拉丁字母表的字符编码)
常用值：UTF-8 ( Unicode字符编码，国际通用)

http-equiv

content-type(设定字符集)

同charset属性，推荐使用charset属性

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

HTML 4.01 与 HTML5之间的差异

使用 http-equiv 已经不是规定 HTML 文档的字符集的唯一方式：

// HTML 4.01
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
// HTML5
<meta charset="UTF-8">

X-UA-Compatible(浏览器采取何种版本渲染当前页面)

// 指定IE使用最新版本渲染当前页面
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Expires(网页的到期时间)

一旦网页过期，必须到服务器上重新传输

// 使用时间格式必须使用GMT的时间格式。 
<meta http-equiv="expires" content="Fri, 30 Sep 2022 00:13:10 GMT"> 
// 使用数字形式 设置"0"，则表示网页在本地缓存0秒后就过期可以设置比0小的值 
<meta http-equiv="expires" content="0">

Pragma(cache模式)

禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出

<meta http-equiv="Pragma" content="no-cache">

设定后，访问者将无法脱机浏览。

Cache-Control(缓存机制)

用法：
1.no-cache: 先发送请求，与服务器确认该资源是否被更改，如果未被更改，则使用缓存。
2.no-store: 不允许缓存，每次都要去服务器上，下载完整的响应。（安全措施）
3.public : 缓存所有响应，但并非必须。因为max-age也可以做到相同效果
4.private : 只为单个用户缓存，因此不允许任何中继进行缓存。（比如说CDN就不允许缓存private的响应）
5.maxage : 表示当前请求开始，该响应在多久内能被缓存和重用，而不去服务器重新请求。例如：max-age=60表示响应可以再缓存和重用 60 秒。

<meta http-equiv="cache-control" content="no-cache">

挖个坑，这个等后面和浏览器缓存机制一块整理

refresh

定义文档自动刷新的时间间隔。单位s

//设置后页面每5秒刷新一次 
<meta http-equiv="refresh" content="5"> 
//补充！content里面可以指定URL，n秒后跳转 
<meta http-equiv="refresh" content="5;URL=https://www.baidu.com" />

default-style

设置默认CSS样式表集的名称

<!--content 属性的值必须匹配同一文档中的一个 link 元素上的 title 属性的值，或者必须匹配同一文档中的一个 style 元素上的 title 属性的值。--> 
<meta http-equiv="default-style" content="the document's preferred stylesheet">

其他

Pics-label（ie，网页等级评定）页面进入效果（ie5.5-ie8）...

name

keywords(关键字)

用于告诉搜索引擎，你网页的关键字。

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

description(网站描述)

<meta name="description" content="xxxxxx">

viewport(移动端的窗口)

常用：

// 宽等于设备宽，初始缩放为1（不缩放）
<meta name="viewport" content="width=device-width, initial-scale=1">

width viewport ：宽度(数值/device-width)
height viewport ：高度(数值/device-height)
initial-scale ：初始缩放比例
maximum-scale ：最大缩放比例
minimum-scale ：最小缩放比例
user-scalable ：是否允许用户缩放(yes/no）

renderer(双核浏览器渲染方式)

renderer是为双核浏览器准备的，用于指定双核浏览器默认以何种方式渲染页面。比如说360浏览器。

<meta name="renderer" content="webkit"> //默认webkit内核
<meta name="renderer" content="ie-comp"> //默认IE兼容模式
<meta name="renderer" content="ie-stand"> //默认IE标准模式

其他

robots(定义搜索引擎爬虫的索引方式) author(作者) generator(网页制作软件) copyright(版权)

参考文章

HTML 标签 | 菜鸟教程 (runoob.com)
html - HTML meta标签总结与属性使用介绍_个人文章 - SegmentFault 思否
 html meta标签‘http-equiv’属性的详解用法_iKendall的博客-CSDN博客_

HTML meta 标签常见属性整理