关于meta 总结

说来惭愧，以前从未重视过meta 只是以为这些都是固定的写法，标记网页语言。周末去图书馆看了HTML5从入门到精通 关于meta 才知道里面的知识点很多很大：明天整理

转自（目录很清晰）：http://www.haorooms.com/post/html_meta_ds
http://www.haorooms.com/post/html_meta_ds
https://www.cnblogs.com/mominger/p/4534130.html

name 参数

　　 <meta name="参数"  content=" 具体描述">

　　　　 A. keywords（关键字）：用于告诉搜索引擎，你网页的关键字

　　　　　　　　　<meta  name = 'keywords'  content = ' 博客 ，文科生，前端' >

　　　　B. description（网站内容描述）：告诉搜索引擎，你网站的内容

　　　　　　　　<meta  name = ' description'  content = '理科生，热爱前端与编程。这是我的前端博客'>

　　　　C. viewport (移动端窗口) ： 设计移动端页面

　　　　　　　　<meta name = 'viewport' content = 'width=device-width , intial-scale=1'>

　　　　D. robots (定义搜索引擎爬虫的索引方式)：用来告诉爬虫哪些页面需要索引，哪些页面不需要索引

　　　　　　　　<meta name = 'robots'  content = 'none' >

　　　　　　　　content 参数

　　　　　　　　1.none 搜索引擎将忽略网页，等价于noindex ,nofollow

　　　　　　　　2.noindex 搜索引擎不索引此网页

　　　　　　　　3.nofollow 搜索引擎将不继续通过此网页的链接索引搜索其它页面

　　　　　　　　4.all 搜索引擎索引此网页与继续通过此网页的链接索引,等价于index,follow

　　　　　　　　5.index 搜索引擎索引此网页

　　　　　　　　6.Follow 搜索引擎继续通过此网页的链接索引搜索其它的网页

　　　　E author (作者): 用于标注网页作者

　　　　　　　　<meta name = ‘author’ content = ‘lxxyxx,123456789@163.com’>  

　　　　F generator(网页制作)：标明网页使用什么软件编写的

　　　　　　　　<meta name = ‘generator’ content=’Sublime Text3’>

  　　　  G copyright(版权)：用于标注版权信息

　　　　　　　　<meta name = ‘copyright’ content = ‘lxxyx’>//代表该网站为lxxyx个人版权所有

　　　　H revisit-after(搜索引擎爬虫 重访时间)：如果页面不经常更新，为了减轻搜索引擎爬虫对服务器带来的压力，可以设置一个爬虫的重访时间。如果重访时间过短，爬虫将按他们定义的默认时间访问。

　　　　　　　　<meta name = ‘revisit-after’ content=’7 days’ >

　　　　I. renderer(双核浏览器渲染方式):renderer 专门为双核浏览器装备的，用于指定双核浏览器默认以何种方式渲染页面，比如360浏览器

　　　　　　　　<meta name = ‘renderer’ content=’webkit’>//默认webkit内核

　　　　　　　　<meta name = ‘renderer’ content=ie-comp>//默认IE 兼容模式

　　　　　　　　<meta name = ‘renderer’ content=ie-stand>//默认IE标准模式

 

2.http-equiv属性

 

<meta http-equiv="参数" content="具体的描述">

 

　　　　A.content-Type(设定网页字符集)

 

　　　　　　　　<meta http-equiv=’content-Type’ content=’text/html;charset=utf-8’>//旧的HTML，不推荐GB2312时，代表说明网站是采用的编码是简体中文；ISO-8859-1时，代表说明网站是采用的编码是英文；UTF-8时，代表世界通用的语言编码；

 

　　　　　　　　<meta charset=’utf-8’>//html5设定网页字符集的方式，推荐使用UTF-8

 

　　　　B. X-UA-Compatible(浏览器采取何种版本渲染当前页面)

 

　　　　　　　　<meta http-equiv=’X-UA_Compatible’ content=’IE=edge,chrome=1’>//指定IE和Chrome使用最新版本渲染当前页面

 

　　　　C. Cache-control(指定请求和响应遵循的缓存机制)：

 

　　　　　　　　<meta http-equiv=’cache-control’ content = ‘no-cache’>

 

　　　　　　　　　　no-cache 先发送请求，与服务器确认该资源是否被更改，如果未被更改，则使用缓存。

 

　　　　　　　　　　no-store 不允许缓存，每次都要去服务器上下载完成的响应。（安全措施）

 

　　　　　　　　　　public 缓存所有响应，但并非必须。因为max-age也可以做到相同效果

 

　　　　　　　　　　private只为单个用户缓存，不能被共享缓存处理（譬如ＣＤＮ不允许缓存ｐｒｉｖａｔｅ的响应）

 

　　　　　　　　　　max-age 表示当前请求开始，该响应在多久内能被缓存和重用，而不去服务器重新请求。例如：max-age = 60 表示响应可以再缓存和重用60秒

 

　　　　　　　　　　no-siteapp 禁止百度转码

 

　　　　D expires(网页到期时间)：用于设定网页的到期时间，过期后网页到服务器重新传输

 

　　　　　　　　<meta http-equiv =’expires’ content=’Sunday 26 October 2016 01:00’>

 

　　　　E refresh(自动刷新并指向某页面)：将在设定的时间内，自动刷新并调向设定的网址

 

　　　　　　　　<meta http-equiv=’refresh’ content = ‘2;URL=http:www.baidu.com’>//2秒后跳向百度

 

　　　　F set-cookie(cookie 设定)：如果网页过期，那么这个网页存在本地的cookies也会被删除

 

　　　　　　　　<meta http-equiv=”set-cookie” content=”name,data”>//格式

 

　　　　　　　　<meta http-equiv=”set-cookie” content="cookie value=xxx;expires=Friday,12-Jan-2001 18:18:18GMT；path=/">

PS：收录了大部分meta用法，后期有项目需求，继续添加