1 profile
<head profile ="http://gmpg.org/xfn/11">- profile 属性提供了与当前文档相关联的配置文件的 URL。
- 主要用途就是阐述大家的关系网，rel=”friend”这个是对这个链接的关系声明，声明我与该链接的主人是朋友关系，当然除朋友外还有很多其他关系，具体就要查看这里XFN1.1。
- 浏览器们可以根据自己设定的默认样式来呈现网页，比如你把朋友定义成“friend”，而我要按照拼音来定义成“pengyou”，彼此之间无法统一，该功能就变得没有丝毫的意义。所以我们在HTML文档的标签中使用“profile”属性引入一个声明，声明在这个HTML文档中使用了 XML Friends Network (XFN) 微格式，然后按照这份XFN微格式中约定的方式来描述关系网络，于是即使是不同用户代理器访问这些数据只要其遵循XFN的约定即可正确的读取出其中的关系数据。
- 当然，这其中的微格式数据对于平常通过浏览器来阅读HTML文档的用户来说，没有什么实际性的意义，可是对于某些用户代理器来说，通过读取这份XFN微格式数据再加上其它的诸如hCard等微格式数据，那么即可在互联网上呈现出人与人之间的关系网络。
- 转自 ： http://lzw.me/a/930.html
2 referrer
<meta name="referrer" content="no-referrer|no-referrer-when-downgrade|origin|origin-when-crossorigin|unsafe-url"><a href="http://www.baidu.com" referrer="no-referrer|origin|unsafe-url">abc</a>- referrer 是一种引用策略，可以用来防止图片或视频被盗。它的原理是：http 协议中，如果从一个网页跳到另一个网页，http 头字段里面会带个 Referrer。图片服务器通过检测 Referrer 是否来自规定域名，来进行防盗链。如果没有设置referrer，那就可以直接绕过防盗链机制，直接使用或盗取。
- 目前包含了以下几种指令值：
enum ReferrerPolicy {
"",
"no-referrer",
"no-referrer-when-downgrade",
"same-origin",
"origin",
"strict-origin",
"origin-when-cross-origin",
"strict-origin-when-cross-origin",
"unsafe-url"
};3 其他meta
①、keywords：网页关键字
<meta name="keywords" content="food, water">
②、description：网站内容的描述，网站主要内容
<meta name="description" content="Study English online">
③、viewport：移动端视口，仅供移动设备使用
<meta name="viewport" content="width=device-width, initial-scale=1">
④、robots：搜索引擎爬虫的索引方式，content不填默认为all
<meta name="robots" content="all|none|index|noindex|follow|nofollow">
none : 搜索引擎将忽略此网页，等价于noindex，nofollow
noindex : 搜索引擎不索引此网页
nofollow: 搜索引擎不继续通过此网页的链接索引搜索其它的网页
all : 搜索引擎将索引此网页与继续通过此网页的链接索引，等价于index，follow
index : 搜索引擎索引此网页
follow : 搜索引擎继续通过此网页的链接索引搜索其它的网页
⑤、author：作者
<meta name="author" content="Sheldon">
⑥、copyright：标注版权信息
<meta name="copyright" content="yixinli"> //代表该网站为yixinli版权所有
⑦、revisit-after：搜索引擎爬虫重访时间
<meta name="revisit-after" content="one week" >
3、<meta http-equiv="参数" content="具体的描述">
http-equiv相当于http文件头的作用
4、http-equiv的参数：
①、content-Type：声明字符编码
<meta charset="utf-8"> // H5新增，推荐使用
<meta http-equiv="content-Type" content="text/html;charset=utf-8"> //旧的HTML
②、cache-control：指定请求和响应遵循的缓存机制
<meta http-equiv="cache-control" content="no-cache">
content的值有：
no-cache: 先发送请求，与服务器确认该资源是否被更改，如果未被更改，则使用缓存
no-store: 不允许缓存，每次都要去服务器上，下载完整的响应
public : 缓存所有响应，但并非必须。因为max-age也可以做到相同效果
private : 只为单个用户缓存，因此不允许任何中继进行缓存
maxage : 表示当前请求开始，该响应在多久内能被缓存和重用，而不去服务器重新请求。例如：max-age=60表示响应可以再缓存和重用 60 秒。
no-siteapp：禁止百度自动转码
③、expires：网页到期时间，到期后网页必须到服务器上重新传输。
<meta http-equiv="expires" content="Sunday 26 October 2018 10:00 GMT" />
④、refresh：自动刷新并指向某页面
<meta http-equiv="refresh" content="2; URL=http://www.sina.com/"> //意思是2秒后跳转新浪
⑤、X-UA-Compatible：浏览器采取何种版本渲染当前页面
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> //指定IE和Chrome使用最新版本渲染当前页面
⑥、Set-Cookie：为页面定义cookie
如果网页过期，那么这个网页存在本地的cookies也会被自动删除。
<meta http-equiv="Set-Cookie" content="name, date"> //格式- 规定浏览器使用webki内核进行渲染
<meta name="renderer" content="webkit">- 申明网站为pc站，避免被转码
<meta name="applicable-device" content="pc">- 禁止浏览器转码
<meta http-equiv="Cache-Control" content="no-transform" >- 禁止浏览器识别手机号码
<meta name="format-detection" content="telephone=no">- 声明视窗大小，禁止用户缩放，移动端必备
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no">- WebApp全屏模式：伪装app，离线应用。作用是启用 webapp 模式, content值为yes时会隐藏工具栏和菜单栏，和其它配合使用。
<meta name="apple-mobile-web-app-capable" content="yes" > - 隐藏状态栏/设置状态栏颜色：只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent 。作用是在webapp模式下，改变顶部状态条的颜色。默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" >- 添加到主屏后的标题
<meta name="apple-mobile-web-app-title" content="标题">- 添加到主屏幕后，全屏显示
<meta name="apple-touch-fullscreen" content="yes">
- XXXX
<meta property="qc:admins" content="465267610762567726375">- 忽略数字自动识别为电话号码
<meta content="telephone=no" name="format-detection" />- 忽略识别邮箱
<meta content="email=no" name="format-detection" />- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓
<meta name="HandheldFriendly" content="true"\> - 微软的老式浏览器
<meta name="MobileOptimized" content="320"\> - uc强制竖屏
<meta name="screen-orientation" content="portrait"\>- QQ强制竖屏
<meta name="x5-orientation" content="portrait"> - UC强制全屏
<meta name="full-screen" content="yes"> - QQ强制全屏
<meta name="x5-fullscreen" content="true"> - UC应用模式
<meta name="browsermode" content="application"> - QQ应用模式
<meta name="x5-page-mode" content="app"> - windows phone 点击无高光
<meta name="msapplication-tap-highlight" content="no">- 禁止浏览器从本地计算机的缓存中访问页面内容：这样设定，访问者将无法脱机浏览。
<meta http-equiv="Pragma" content="no-cache">- Windows 8
<meta name="msapplication-TileColor" content="#000"> //Windows 8 磁贴颜色<meta name="msapplication-TileImage" content="icon.png">
// Windows 8 磁贴图标- 站点适配：主要用于PC-手机页的对应关系。
<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">
//[wml|xhtml|html5]根据手机页的协议语言，选择其中一种；
url="url" 后者代表当前PC页所对应的手机页URL，两者必须是一一对应关系。- 转码申明：用百度打开网页可能会对其进行转码（比如贴广告），避免转码可添加如下meta。
<meta http-equiv="Cache-Control" content="no-siteapp" />- Theme Color
<!– Chrome, Firefox OS and Opera –>
<meta name=”theme-color” content=”#673ab8″><!– Windows Phone –>
<meta name=”msapplication-navbutton-color” content=”#673ab8″><!– iOS Safari –>
<meta name=”apple-mobile-web-app-status-bar-style” content=”#673ab8″>最齐全的网站元数据meta标签的含义和用法:
html5
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。