首页 > 代码库 > Meta元素小结

Meta元素小结

Meta元素小结

  1. 作用:提供文档的元信息,大多数情况下,meta元素用来提供与浏览器或搜索引擎相关的信息,比如描述文档的内容等等。

  2. 某些万维网搜索引擎使用meta标签的namecontent属性来索引页面

        a)        定义对页面的描述

        b)        <metaname="description" content="这是页面的描述" /> 通常在100中文字之内

        c)        定义页面的关键字

        d)        <metaname="keywords" content="这是页面的关键字,不同的关键字之间用逗号隔开">

        e)        然而由于非常多的网管们使用meta标签制造垃圾信息,比方说在页面重复关键字以达到      提高排名的目的,一些搜索引擎已经放弃了使用它们

3.在html中,<meta>标签没有结束标签,在xhtml中,必须被正确的关闭

4.http-equiv:content属性关联到http头部,值有content-typeexpiresrefreshsetcookie

5.name:把content属性关联到一个名称,值有authordescription,keywords,generator,revisedothers

6.scheme:定义用于翻译content属性值的格式

    name属性:htmlxhtml标签都没有指定任何预定义的meta名称。通常情况下,您可以自由使用对自己和源文档的读者来说富有意义的名称

7.http-equiv:属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送的MIME文档头部包含名称/值对。

8.<metahttp-equiv="Content-Type" content="text/html;charset=gb2312" />:用来设定编码

9.<meta name="author"  content="w3school.com.cn">:用来设定作者

10.<metaname="revised"  content="DavidYang,8/1/07">:用来设定修订作者,日期等信息

11.<metaname="generator"  content="Dreamweaver8.0en">:编辑器

12.   <meta name="robots"content="none">:用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all

    1)     all:文件将被检索,且页面上的链接可以被查询;

    2)     none:文件将不被检索,且页面上的链接不可以被查询;( "noindex, no follow" 起相同作用)

    3)     index:文件将被检索;(让robot/spider登录)

    4)     follow:页面上的链接可以被查询;

    5)     noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录)

    6)     nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)

13.   <meta http-equiv="Pragma"content="no-cache">:(cache模式),这样可以禁用缓冲,即禁止浏览器从本地计算机缓冲中访问页面内容

14.   <meta http-equiv="Refresh"content="2;URL">:刷新,content中用来设定隔多长时间后进行刷新,以及重新跳转后的地址(用引号隔开)

15.   <meta http-equiv="Set-Cookie"content="cookievalue=http://www.mamicode.com/xxx; expires=Friday,12-Jan-2001 18:18:18 GMT;path=/">:设置cookiecontent中分别是cookie的名称,过期时间和路径,注意:过期时间必须使用GMT的时间格式

16.   <meta http-equiv="Window-target"content="_top">强制页面在当前窗口以独立页面显示。

17.   <metahttp-equiv="Content-Language" content="zh-cn" />:显示语言的设定

18.   使用meta标签,我们还可以在进入网页或者离开网页的一刹那实现动画效果,我们只要在页面的html代码中的<head></head>;标签之间添加如下代码就可以了:

                i.         <meta http-equiv="Page-Enter"content="revealTrans(duration=5.0,transition=20)">

               ii.         一旦上述代码被加到一个网页中后,我们再进出页面时就会看到一些特殊效果,这个功能其实与FrontPage2000中的Format/Page Transition一样,但我们要注意的是所加网页不能是一个Frame页; RevealTrans动态滤镜

              iii.         Duration表示滤镜特效的持续时间(单位:秒)

             iv.         Transition滤镜类型。表示使用哪种特效,取值为0-23:各值的含义如下:

        a)     0矩形缩小

        b)    1矩形扩大

        c)     2 圆形缩小

        d)    3 圆形扩大

        e)    4 下到上刷新

        f)     5 上到下刷新

        g)    6 左到右刷新

        h)    7 右到左刷新

        i)      8 百叶窗

        j)      9 横百叶窗

        k)     10 错位横百叶窗

        l)      11 错位竖百叶窗

        m)   12 点扩散

        n)    13 左右到中间刷新

        o)    14 中间到左右刷新

        p)    15 中间到上下

        q)    16 上下到中间

        r)     17 右下到左上

        s)     18 右上到左下

        t)      19 左上到右下

        u)    20 左下到右上

        v)     21 横条

        w)    22 竖条

        x)     23 以上22种随机选择一种

    经测试上述效果无效,不知为何

19.   <META NAME="COPYRIGHT"CONTENT="信息参数">:代表网站的版权信息

20.   <meta http-equiv="imagetoolbar"content="false" />:指定是否显示图片工具栏,false代表不显示,true代表显示

21.   <Metahttp-equiv="Content-Script-Type" Content="text/javascript">:指明页面中脚本的类型

<METAname="revisit-after" CONTENT="7 days" >:通知浏览器多少天访问一次


本文出自 “虎哥的博客” 博客,请务必保留此出处http://7613577.blog.51cto.com/7603577/1560348

Meta元素小结