• 元信息标记<meta>


    温故而知新,学习要不断温故总结的。今天想和大家一起说说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时间格式

  • 相关阅读:
    ASP.NET中Session,Application,Viewstate,Cache,隐藏域和带参数的传接收值的用法
    JS页面跳转搜集
    SQL中常用的日期转化
    DIV+CSS兼容性解决IE6/IE7/FF浏览器的通用方法
    C#中将数据导出为EXCEL方式汇总
    正则表达式大全
    ASP.NET中Cookie用法小节
    div+CSS浏览器兼容问题整理
    站长常用的200个js代码
    [转]主机和终端
  • 原文地址:https://www.cnblogs.com/qilinge/p/4973687.html
Copyright © 2020-2023  润新知