本文的目的是搜集当前主流的meta配置，方便开发者快速开发调试。在这里不会做各种meta的深入分析，只是简单的介绍，让大家知道有这个东西。

meta简述meta用于描述 HTML 文档的元数据。通常用于指定网页的描述，关键词，作者及其他元数据。元数据可以被使用浏览器（如何显示内容或加载页面），搜索引擎（关键词），或其他 Web 服务调用。meta从一定程度上影响seo。meta支持哪些属性属性

值

描述

charset

character_set

定义文档的字符编码。

content

text

定义与 http-equiv 或 name 属性相关的元信息。

http-equiv

content-typedefault-stylerefresh

把 content 属性关联到 HTTP 头部。

name

application-nameauthordescriptiongeneratorkeywords

把 content 属性关联到一个名称。

scheme

format/URI

HTML5不支持。定义用于翻译 content 属性值的格式。

http-equivmeta标签上的http-equiv属性与http头部信息相关，而且是响应头，因为html本质上是通过服务器响应得到的。http-equiv用于伪装 HTTP 响应头部信息。那么http-equiv有哪些类型呢？让我们一起看下。

代码语言：javascript复制控制文档的缓存机制。允许的值如下：

public

：所有内容都将被缓存(客户端和代理服务器都可缓存)

private

：内容只缓存到私有缓存中(仅客户端可以缓存，代理服务器不可缓存)

no-cache

：不缓存，前提是通过服务器的缓存验证机制，如过期，内容改变等校验规则

no-store

：所有内容都不会被缓存到缓存或 Internet

临时文件中

（设置了貌似无效，还是说不会出现在响应头吗？哪位大神可以解释下）注意：以上都是在chrome浏览器最新版本， vue dev环境下测试的，不代表所有浏览器和服务器表现。

常见meta指定字符编码代码语言：javascript复制 IE杀手，推荐所有前端工程师采用，让我们干掉IE的市场份额。代码语言：javascript复制

viewport常见设置，一般适用于移动端。视口宽度设为理想宽度，禁止缩放。代码语言：javascript复制 meta三剑客代码语言：javascript复制

UC浏览器私有meta代码语言：javascript复制

QQ浏览器X5内核私有meta（现在微信内置浏览器的内核也是X5哦）代码语言：javascript复制

苹果机适配代码语言：javascript复制

其他优化和适配手段代码语言：javascript复制

。

origin-when-crossorigin