参考链接
<meta> 标签
<meta> 标签用于设置或说明网页的元数据，必须放在 <head> 里面。
一个 <meta> 标签就是一项元数据，网页可以有多个 <meta>。
<meta> 标签约定放在 <head> 内容的最前面。
charset 属性
<meta> 标签的 charset 属性，用来指定网页的编码方式。一般都指定为 utf-8。
name 属性、content 属性
<meta> 标签的 name 属性表示元数据的名字，content 属性表示元数据的值。它们合在一起使用，就可以为网页指定一项元数据。
author
网页的作者名字。
<meta name="author" content="aaa@mail.abc.com">
description
对页面内容的描述。
<meta name="description" content="今日头条是一个通用信息平台，致力于连接人与信息，让优质丰富的信息得到高效精准的分发，促使信息创造价值。">
keywords
与页面内容相关的关键词，使用逗号分隔。某些搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类。
<meta name="keywords" content="今日头条，头条，头条网，头条新闻，今日头条官网">
viewpoint
为 viewport 的初始大小提供指示。目前仅用于移动设备。
<meta name="viewport" content="width=device-width,initial-scale=1">
width 用来设置 viewport 的宽度为设备宽度。
initial-scale 为设备宽度与 viewport 大小之间的缩放比例。
robots
告诉搜索引擎机器人（爬虫）抓取哪些页面。
<meta name="robots" content="all">
index：允许机器人索引当前页面（默认）
follow：允许机器人跟随该页面上的链接去索引其他网页（默认）
noindex：不允许机器人索引当前页面
nofollow：不允许机器人跟随该页面上的链接去索引其他网页
all：与 index, follow 等价
none：与 noindex, nofollow 等价
http-equiv 属性，content 属性
<meta> 标签的 http-equiv 属性用来覆盖 HTTP 回应的头信息字段，content 属性是对应的字段内容。
content-security-policy
它允许页面作者定义当前页的内容策略。 内容策略主要指定允许的服务器源和脚本端点，这有助于防止跨站点脚本攻击。
<meta http-equiv="Content-Security-Policy" content="default-src 'self'">
content-type
用来声明文档类型和字符集，只能在 HTML 文档中使用该字段，不能用于 XML。
<meta http-equiv="content-type" content="text/html; charset=utf-8">
x-ua-compatible
用于解决 IE 浏览器适配问题。
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
IE=edge告诉浏览器，以当前浏览器支持的最新版本来渲染，IE9就以IE9版本来渲染。chrome=1告诉浏览器，如果当前IE浏览器安装了Google Chrome Frame插件，就以chrome内核来渲染页面。
refresh
这个属性指定：
- 如果
content只包含一个正整数，则为重新载入页面的时间间隔 (秒)； - 如果
content包含一个正整数，并且后面跟着字符串 ‘;url=‘ 和一个合法的 URL，则是重定向到指定链接的时间间隔 (秒)
<meta http-equiv="refresh" content="5 url=http://www.baidu.com">
window-target
强制页面在当前窗口以独立页面显示, 可以防止别人在框架中调用自己的页面。
<meta http-equiv="window-target" content="_top'>
x-dns-prefetch-control
一般来说，HTML 页面中的 a 标签会自动启用 DNS 提前解析来提升网站性能，但是在使用 https 协议的网站中失效了，我们可以设置如下属性来打卡 DNS 对 a 标签的提前解析
<meta http-equiv="x-dns-prefetch-control" content="on">
若有收获，就点个赞吧
0 人点赞
