共计 927 个字符，预计需要花费 3 分钟才能阅读完成。
meta 简介
网页元数据，常用于定义网页的编码、说明、关键字、修改日期及其他信息。这些数据服务于浏览器、搜索引擎等。
meta 标签的 2 个属性 name, http-equiv。
<meta name="参数" content="具体的描述">。name 属性
<!-- SEO 搜索引擎优化 -->
<meta name="keywords" content="关键词">
<meta name="description" content="页面介绍">
<!-- 移动设备 Viewport -->
<meta name="viewport" content="initial-scale=1">
<!-- 关闭 iOS 电话号码自动识别 -->
<meta name="format-detection" content="telphone=no">
<!-- 360 浏览器指定内核 -->
<meta name="renderer" content="webkit">http-equiv 属性
http-equiv 模拟 http 服务器响应头。
X-UA-Compatible
用于告知浏览器以何种版本来渲染页面。（一般都设置为最新模式，在各大框架中这个设置也很常见。）
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> /cache-control
控制缓存。
<meta http-equiv="cache-control" content="no-cache"> 共有以下几种用法：
no-cache: 协商缓存。先发送请求，与服务器确认该资源是否被更改，如果未被更改，则使用缓存。
no-store: 不允许缓存，每次都要去服务器上，下载完整的响应。
public : 缓存所有响应，但并非必须。
private : 只为单个用户缓存，因此不允许任何中继进行缓存。（比如说 CDN 就不允许缓存 private 的响应）
maxage : 表示当前请求开始，该响应在多久内能被缓存和重用，而不去服务器重新请求。例如：max-age=60 表示响应可以再缓存和重用 60 秒。
指定编码
<meta charset="UTF-8">插播：doctype 用于指定文档标准和版本，浏览器根据该值采用哪种渲染模式。
一步前端
正文完
