元信息标记

时间:2022-12-26 10:12:52

温故而知新,学习要不断温故总结的。今天想和大家一起说说html里面的元信息标记<meta>。

META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记里面,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等。

meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。


  name是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。
  name的value值(name="")指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值,如:creationdate(创建日期) 、
document ID(文档编号)和level(等级)等。
  name的content指定实际内容。如:如果指定level(等级)为value(值),则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。 

  1、设置页面的Keywords (关键字)
   说明:为搜索引擎提供的关键字列表
   用法:<meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4,……">
   注意:各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如:
      <meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine">
      <meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil">

  2、设置页面描述:Description (简介)
   说明:Description用来告诉搜索引擎你的网站主要内容。
   用法:<meta name="Description" Content="你网页的简述">
   如:<meta name="description" content="这是我的个人博客,欢迎大家的到来,我是程序员XXX,、、、、、、">

  3、限制搜索方式:Robots (机器人向导)
   说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。
   用法:<meta name="Robots" Content="all|none|index|nindex|fllow|nofollow">
   注意:许多搜索引擎都通过放出robot/spider搜索来登录网站,这些robot/spider就要用到meta元素的一些特性来决定怎样登录。

    all:文件将被检索,且页面上的链接可以被查询;
    none:文件将不被检索,且页面上的链接不可以被查询;(和 "noindex, no follow" 起相同作用)
    index:文件将被检索;(让robot/spider登录)
    follow:页面上的链接可以被查询;
    noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录)
   nofollow:不能搜索当前网页链接的网页。(不让robot/spider顺着此页的链接往下探找)

  4、设置作者信息:Author (作者)
   说明:标注网页的作者或制作组
   用法:<meta name="Author" Content="张三|麒麟阁,abc@sina.com">
   注意:Content可以是:你或你的制作组的名字,或Email等等

  5、设置版权信息:Copyright (版权)
   说明:标注版权
   用法:<meta name="Copyright" Content="本页版权归Zerospace所有。All Rights Reserved">
   注意:

  6、设置编辑工具:Generator (编辑器)
   说明:编辑器的说明
   用法:<meta name="Generator" Content="PCDATA|FrontPage|Adobe Dreamweaver CS6">
   注意:Content="你所用编辑器"

  7、设置网页文字与语言:

    第一种方法:<meta http-equiv="Contnt-Type" content="text/html;charset=字符集类型">

     第二种方法:<meta http-equiv="Content-Language" content="语言">

     语法解释:

    http-equiv用于传送HTTP通信协议的标头,也就是设定标头属性的名称,而在content中才设置具体的值。字符集类型如GB2312时,代表说明网站是采用的编码是简体中文;

   如BIG5时,代表说明网站是采用的编码是繁体中文;如iso-2022-jp时,代表说明网站是采用的编码是日文;ks_c_5601时,代表说明网站是采用的编码是韩文;

   ISO-8859-1时,代表说明网站是采用的编码是英文;如UTF-8时,代表世界通用的语言编码;

  <meta http-equiv="Content-Language" content="zh_CN">表示为简体中文。

    8.设置网页的定时跳转:meta标签的http-equiv="refresh"

   在浏览网页是会经常看到 一些欢迎信息的界面,在经过一段时间后,这一页面会自动跳转到其他页面中。这就是网页的跳转。
    <meta http-equiv="refresh" content="跳转时间; url=链接地址"> 
   如:<meta http-equiv="refresh" content="5;url=http://www.baidu.com">表示5秒后跳转到百度网页。/10



9、META标签的HTTP-EQUIV="Pragma" CONTENT="no-cache"
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">代表禁止浏览器从本地计算机的缓存中访问页面内容,这样设定,访
问者将无法脱机浏览。

10、<meta http-equiv="imagetoolbar" content="false" /> 
指定是否显示图片工具栏,当为false代表不显示,当为true代表显示。
11、META标签的Content-Script-Type
<Meta http-equiv="Content-Script-Type" Content="text/javascript">
W3C网页规范,指明页面中脚本的类型。
12、META标签的revisit-after
<META name="revisit-after" CONTENT="7 days" > 
revisit-after代表网站重访,7 days代表7天,依此类推。

13、META标签的<meta http-equiv="windows-Target" contect="_top">
代表页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用,设置有:_blank、_top、_self、_parent。
14、META标签的set-cookie
<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">
代表Cookie设定,如果网页过期,存盘的cookie将被删除,需要注意的也是必须使用GMT时间格式