meta标签

CreateTime--2017年9月28日15:14:30

Author:Marydon

meta标签

1.位置
  META标签是HTML标记HEAD区的一个关键标签,它位于HTML文档的<head>和<title>之间,它提供的信息虽然用户不可见,但却是文档的最基本的元信息。
2.定义
  META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等及对关键词和网页等级的设定。

3.组成

  meta标签可分为两大部分:http-equiv和name变量。

4.用法

  4.1 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

  告诉浏览器,这是一个HTML文件,页面的编码集为UTF-8

  4.2 <meta name="Keywords" content="keyword1,keyword2,keyword3">

  它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。

  4.3 <meta name="Description" content="网页内容描述">

  对一个网页概况的介绍,这些信息可能会出现在搜索结果中,要求80字以内

  4.4 <meta name="Author" content="Marydon">

  定义网页作者

  4.5 <meta name="robots" content="index,follow">

  搜索引擎索引方式  

  all:文件将被检索,且页面上的链接可以被查询;
  none:文件将不被检索,且页面上的链接不可以被查询;
  index:文件将被检索;
  follow:页面上的链接可以被查询;
  noindex:文件将不被检索;
  nofollow:页面上的链接不可以被查询。

  4.6 <meta http-equiv="Refresh" content="n;url=http://yourlink">

  页面重定向和刷新:定时让网页在指定的时间n内,跳转到指定的页面

  4.7 <meta charset='utf-8'>

  定义页面字符集

  4.8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  优先使用 IE 最新版本和 Chrome

  4.9 声明渲染方式  

  <meta http-equiv="X-UA-Compatible" content="IE=6"><!-- 使用IE6 -->
  <meta http-equiv="X-UA-Compatible" content="IE=7"><!-- 使用IE7 -->
  <meta http-equiv="X-UA-Compatible" content="IE=8"><!-- 使用IE8 -->

  4.10 <meta http-equiv="Pragma" content="no-cache">

  用于设定禁止浏览器从本地机的缓存中访问页面内容,设定后一旦离开网页就无法从Cache中再调出  

  4.11 <meta http-equiv="set-cookie" content="Sun,1 October 2017 00:00:00 GMT">

  cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;

  4.12 <meta http-equiv="Expires" content="Sun,1 October 2017 00:00:00 GMT">

  用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式; 

  如果服务器上的网页经常变化,就把它设置为0,表示立即过期。 

  4.13 <meta http-equiv="Pics-label" content="">

   网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的

  4.14 <meta http-equiv="windows-Target" content="_top">

  强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用

   4.15 <meta http-equiv="Page-Enter" content="revealTrans(duration=10,transition= 50)">

  和<meta http-equiv="Page-Exit" content="revealTrans(duration=20,transition=6)">
  设定进入和离开页面时的特殊效果,这个功能即FrontPage中的"格式/网页过渡",不过所加的页面不能够是一个frame页面

  UpdateTime--2017年9月29日08:01:43

  4.16 <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> 

  Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。

  请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached;

  响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各个消息中的指令含义如下:

  Public指示响应可被任何缓存区缓存
  Private指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效
  no-cache指示请求或响应消息不能缓存
  no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。
  max-age指示客户机可以接收生存期不大于指定时间(以秒为单位)的响应
  min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应

  max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值,那么客户机可以接收超出超时期指定值之内的响应消息。

  

原文地址:https://www.cnblogs.com/Marydon20170307/p/7606962.html