一直被忽略的meta标签了解一下

<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable。
所谓元数据，是用于描述数据的数据（信息）。它不会显示在页面上，但是却可以被机器识别。这些元数据将服务于浏览器（如何布局或重载页面），搜索引擎和其它网络服务。

用 ! 生成一个 html 模板，可以看到包含了基本的 meta 属性：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

【示例】截取了百度H5制作的页面 head：

在 Meta 标签中使用 pragma、cache-control、expires 来控制缓存，这些标签往往不会生效（有些浏览器不支持），并且所有缓存代理服务器都不支持，因为代理不解析HTML内容本身。

甚至在HTML5规范中，http-equiv 中的属性并不包括这三个，如果我们需要进行缓存控制的话，最好还是通过 HTTP headers 来进行设置。

后续，将继续研究 name 属性的重点值 ☛ viewport。

➹ 参考