即将成为史上最全的meta合集

本文旨在收集目前主流的meta配置，方便开发者快速开发调试。在这里我不会对各种meta做深入的分析，只是简单的介绍一下，让大家知道有这么一个东西。Meta简述meta用于描述HTML文档的元数据。通常用于指定网页的描述、关键字、作者等元数据。浏览器（如何显示内容或加载页面）、搜索引擎（关键字）或其他网络服务调用可以使用元数据。meta在一定程度上影响seo。meta属性值描述支持哪些属性charsetcharacter_set定义了文档的字符编码。contenttext定义了与http-equiv或name属性相关的元信息。http-equivcontent-type,default-style,refresh将内容属性与HTTP标头相关联。nameapplication-name、author、description、generator、keywords将内容属性与名称相关联。不支持方案格式/URIHTML5。定义用于转换内容属性值的格式。http-equivmeta标签上的http-equiv属性与http头信息相关，是响应头，因为html本质上是通过服务器响应获取的。http-equiv用于伪装HTTP响应头信息。那么http-equiv有哪些类型呢？让我们来看看。值描述cache-control控制文档的缓存机制。允许的值如下：public：所有内容都会被缓存（客户端和代理服务器都可以缓存）；private：内容只缓存在私有缓存中（只能缓存客户端，不能缓存代理服务器）；no-cache：不缓存，前提是要通过服务器的缓存校验机制，比如过期、内容变化等校验规则；no-store：所有内容都不会缓存到缓存或Internet临时文件中（这个设置好像无效，要不就不会出现在响应头里？哪位高手能解释一下）content-languageresponse的语言身体。如zh-CN、en-US等（设置好像无效）content-type返回content的MIME类型date原始服务器消息发送时，GMT时间格式expires响应的日期和时间expiration,GMT时间格式（设置貌似无效）last-modified请求资源最后修改时间，GMT时间格式（设置貌似invalid)location用于重定向接收者去非请求URL所在的位置完成请求或识别新资源（设置似乎无效）。refresh定义页面应该在多长时间后刷新。单位是秒。set-cookie创建一个cookie，包括cookie名称、cookie值和过期时间。（设置好像无效）window-target用来防止别人在frame中调用自己的页面。（该设置似乎无效）Pragma向后兼容仅支持HTTP/1.0协议的缓存服务器。当时HTTP/1.1协议中的Cache-Control还没有问世。（设置好像无效）注：以上均为最新版chrome浏览器和vuedev环境下测试，不代表性能所有浏览器和服务器。常用meta指定字符编码IE杀手，推荐给所有前端工程师，让我们一起干掉IE的市场份额。视口常用设置，一般适用于移动端。视口宽度设置为理想宽度，禁用缩放。meta三剑客UC浏览器私有metaQQ浏览器X5内核私有meta（现在微信内置浏览器的内核也是X5）AppleAdaptation其他优化适配方法第一个链接精彩在往事：发布一个简单的npm包Gerrit常用命令和最佳实践webpack4平滑升级可能是最详细的UMD模块入门指南介绍vue项目中的iconfont扫描下方小程序代码或搜索图思博客立即阅读最新文章！