这是我参与8月更文挑战的第7天，活动详情查看：8月更文挑战
定义
<meta> HTML 元素表示其他 HTML 元相关元素无法表示的元数据，例如 <base>、<link>、<script>、<style> 或 <title>。
最常见的用法如下：
<meta charset="UTF-8">
Meta 标签支持 charset、http-equiv、name、content 四个属性。
属性
charset
此属性定义了页面的编码集。建议 UTF-8。
<meta charset="UTF-8">
content
此属性包含 http-equiv 或者 name 属性的值，具体取决于所使用的值。
<meta name="aaa" content="bbb">
<meta http-equiv="xxx" content="yyy">
http-equiv
定义编译的指示。这个属性被命名为 http-equiv(alent) 是因为所有的被允许的值都是特定的HTTP的头字段。它定义头字段名，content 定义字段值。
建议弃用的属性，content-language、content-type、set-cookie
正常使用的属性：
- content-security-policy，内容安全策略
- refresh，定时重定向
示例
<!-- Disable unsafe inline/eval, only allow loading of resources (images, fonts, scripts, etc.) over https -->
<meta http-equiv="Content-Security-Policy" content="default-src https:">
<!-- Redirect page after 3 seconds -->
<meta http-equiv="refresh" content="3;url=https://www.mozilla.org">
name
该属性定义文档级元数据的名称。如果定义了 itemprop,http-equiv,or charset ，就不能设置此属性。
此数据名称与content属性包含的值相关联。
常见name字段
- author：文档的作者
- keywords：页面内容的关键词描述，用逗号分隔
- description: 页面内容的描述
- viewport: 提供了有关视口初始化大小的提示，仅供移动设备使用的content值如下
| Value | 可能值 | 描述 |
|---|---|---|
| width | 一个正整数或者字符串 device-width | 以pixels（像素）为单位， 定义viewport（视口）的宽度。 |
| height | 一个正整数或者字符串 device-height | 以pixels（像素）为单位， 定义viewport（视口）的高度。 |
| initial-scale | 一个0.0 到10.0之间的正数 | 定义设备宽度（纵向模式下的设备宽度或横向模式下的设备高度）与视口大小之间的缩放比率。 |
| maxinum-scale | 一个0.0 到10.0之间的正数 | 定义缩放的最大值；它必须大于或等于minimum-scale的值。浏览器设置可以忽略这个规则，iOS10+默认忽略 |
| minimum-scale | 一个0.0 到10.0之间的正数 | 定义缩放的最小值；它必须小于或等于maximum-scale的值。浏览器设置可以忽略这个规则，iOS10+默认忽略 |
| user-scalable | 一个布尔值，yes 或 no | 假设设置为no，用户不能缩放网页。默认值为 yes。浏览器设置可以忽略这个规则，iOS10+默认忽略 |
示例如下：
<meta name="author" content="对马弹琴">
<meta name="keywords" content="前端">
<meta name="description" content="这就是前端">
<meta name="viewport" content="width=device-width, initial-scale=1">
不常见name值
- application-namer：定义正运行在该网页上的网络应用名称；
- generator：包含生成页面的软件的标识符。
- referrer：控制所有从该文档发出的 HTTP 请求中HTTP Referer 首部的内容
- creator：文档的创建者
- googlebot：谷歌的爬虫规则
- publisher：文档的出版者
- robots： 定义搜索引擎爬虫爬取规则，对应的content值可以为：
- none : 搜索引擎将忽略此网页，等价于noindex，nofollow。
- noindex : 搜索引擎不索引此网页。
- nofollow: 搜索引擎不继续通过此网页的链接索引搜索其它的网页。
- all : 搜索引擎将索引此网页与继续通过此网页的链接索引，等价于index，follow。
- index : 搜索引擎索引此网页。
- follow : 搜索引擎继续通过此网页的链接索引搜索其它的网页。
