meta指的是html元素中存在与head中的meta元素
它长这样
1 | <meta charset="utf-8"> |
meta的含义
HTML 元素表示那些不能由其它HTML元相关元素 (<base>, <link>, <script>, <style> 或 <title>) 之一表示的任何元数据信息.
meta的属性
charset
此特性声明当前文档所使用的字符编码，但该声明可以被任何一个元素(通常是html)的 lang 特性的值覆盖。此特性的值必须是一个符合由IANA所定义的字符编码首选MIME 名称（preferred MIME name ）之一。
有几点需要注意：
- 推荐使用 UTF-8；
- 元素必须包含在 元素中并且在HTML代码的前1024个字节内，因为某些浏览器在选择编码之前只查看前面这些字节。
- meta charset元素并不能决定字符集，网页采用何种字符是由 网页字符算法 决定的
- 强烈建议使用该属性定义字符编码. 如果未定义，某些跨脚本技术可能危害网页， 例如 UTF-7 降级XSS攻击
http-equiv
这个枚举属性定义了能改变服务器和用户引擎行为的编译行为。值使用 content 来定义，如下：
| 值 | 含义 |
|---|---|
| content-security-policy | 它允许页面作者定义当前页的内容策略。 内容策略主要指定允许的服务器源和脚本端点，这有助于防止跨站点脚本攻击。 |
| default-style | 这个属性指定了在页面上使用的首选样式表. content属性必须包含 <link> 元素的标题, href属性链接到CSS样式表或包含CSS样式表的 <style> 元素的标题. |
| refresh | 这个属性规定了重新载入页面或跳转到指定链接的时间间隔（正整数） |
name & content
全局属性 name 在 元素中具有特殊的语义；
另外， 在同一个 标签中，name、http-equiv 或者 charset 三者中任何一个属性存在时，itemprop 属性不能被使用。
定义文档级元数据的名称 与 内容
| 值 | 含义 |
|---|---|
| application-name | 定义正运行在该网页上的网络应用名称 |
| author | 这个文档的作者名称 |
| description | 其中包含页面内容的简短和精确的描述。 一些浏览器，如Firefox和Opera，将其用作书签页面的默认描述 |
| generator | 包含生成页面的软件的标识符 |
| keywords | 包含与逗号分隔的页面内容相关的单词（关键词） |
| referrer | 控制所有从该文档发出的 HTTP 请求中HTTP Referer 首部的内容 |
name 为 referrer 时 content 的可选值
| 值 | 含义 |
|---|---|
| no-referrer | 不要发送 HTTP Referer 首部 |
| origin | 发送当前文档的 origin。 |
| no-referrer-when-downgrade | 当目的地是先验安全的(https->https)则发送 origin 作为 referrer ，但是当目的地是较不安全的 (https->http)时则不发送 referrer 。这个是默认的行为。 |
| origin-when-crossorigin | 在同源请求下，发送完整的URL (不含查询参数) ，其他情况下则仅发送当前文档的 origin。 |
| unsafe-URL | 在同源请求下，发送完整的URL (不含查询参数)。 |
有些name虽然没有被正式承认，但是也被广泛使用，这个网站 列举了所有存在的meta值。以下列举一些常用的。
| 值 | 含义 |
|---|---|
| creator | 文档的创建者 |
| publisher | 文档的发布者 |
| robots | 定义了合理的被允许的爬虫行为，注意只有搜索引擎爬虫会遵循此规则所以并不能阻止个人的爬虫程序，而且爬虫能读取到该属性说明已经在读取此网页了，所以最好使用robots.txt来阻止搜索引擎爬虫 |
| viewport | 视口，提供有关视口初始大小的提示，仅供移动设备使用，虽然目前标准化程度不高，还处于草案(work in progress)的进度，但由于事实上的几个浏览器的支配地位，大多数移动浏览器都尊重这一声明，更多有关viewport的解释参见文档 |
有关viewport的相关内容，参见 浅谈viewport
