profile，referrer 和 meta标签

1 profile

• 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

• abc
• 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"
};

• 转自 ： https://segmentfault.com/a/11...

3 其他meta

①、keywords：网页关键字

②、description：网站内容的描述，网站主要内容

③、viewport：移动端视口，仅供移动设备使用

④、robots：搜索引擎爬虫的索引方式，content不填默认为all

none : 搜索引擎将忽略此网页，等价于noindex，nofollow
noindex : 搜索引擎不索引此网页
nofollow: 搜索引擎不继续通过此网页的链接索引搜索其它的网页
all : 搜索引擎将索引此网页与继续通过此网页的链接索引，等价于index，follow
index : 搜索引擎索引此网页
follow : 搜索引擎继续通过此网页的链接索引搜索其它的网页

⑤、author：作者

⑥、copyright：标注版权信息

 //代表该网站为yixinli版权所有

⑦、revisit-after：搜索引擎爬虫重访时间

3、

http-equiv相当于http文件头的作用

4、http-equiv的参数：

①、content-Type：声明字符编码

  // H5新增，推荐使用
 //旧的HTML

②、cache-control：指定请求和响应遵循的缓存机制

content的值有：

no-cache: 先发送请求，与服务器确认该资源是否被更改，如果未被更改，则使用缓存
no-store: 不允许缓存，每次都要去服务器上，下载完整的响应
public : 缓存所有响应，但并非必须。因为max-age也可以做到相同效果
private : 只为单个用户缓存，因此不允许任何中继进行缓存
maxage : 表示当前请求开始，该响应在多久内能被缓存和重用，而不去服务器重新请求。例如：max-age=60表示响应可以再缓存和重用 60 秒。
no-siteapp：禁止百度自动转码

③、expires：网页到期时间，到期后网页必须到服务器上重新传输。

④、refresh：自动刷新并指向某页面

 //意思是2秒后跳转新浪

⑤、X-UA-Compatible：浏览器采取何种版本渲染当前页面

 //指定IE和Chrome使用最新版本渲染当前页面

⑥、Set-Cookie：为页面定义cookie

如果网页过期，那么这个网页存在本地的cookies也会被自动删除。

 //格式

• 规定浏览器使用webki内核进行渲染

• 申明网站为pc站，避免被转码

• 禁止浏览器转码

• 禁止浏览器识别手机号码

• 声明视窗大小，禁止用户缩放，移动端必备

• WebApp全屏模式：伪装app，离线应用。

• 隐藏状态栏/设置状态栏颜色：只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent 。

• 添加到主屏后的标题

• XXXX

• 忽略数字自动识别为电话号码

• 忽略识别邮箱

• 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓

• 微软的老式浏览器

• uc强制竖屏

• QQ强制竖屏

• UC强制全屏

• QQ强制全屏

• UC应用模式

• QQ应用模式

• windows phone 点击无高光

• 禁止浏览器从本地计算机的缓存中访问页面内容：这样设定，访问者将无法脱机浏览。

• Windows 8

  //Windows 8 磁贴颜色

 
// Windows 8 磁贴图标

• 站点适配：主要用于PC-手机页的对应关系。

//[wml|xhtml|html5]根据手机页的协议语言，选择其中一种；
url="url" 后者代表当前PC页所对应的手机页URL，两者必须是一一对应关系。

• 转码申明：用百度打开网页可能会对其进行转码（比如贴广告），避免转码可添加如下meta。

• 转自 ：https://segmentfault.com/a/11...
• 转自 ：https://segmentfault.com/a/11...