html Meta标签小集

所属分类: 网页制作 / HTML/Xhtml 阅读数: 996
收藏 0 赞 0 分享

<Head>……</head>表示是<HTML>的文件头部,用来说明文件命名和与文件本身的相关信息。通常这部分标签是声明此网页的:默认语言编码、关键字、使用软件等。

   Meta标签可分为两大部分,HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。下表表述的是HTTP标题信息。

表1 HTTP标题信息(HTTP-EQUIV)表

content-type 显示字符集 <Meta http-equiv=”content-type” content =”text/html;charset=GB2312>
refresh 让页面指定时间刷新自己,或者跳转 <Meta http-equiv=”refresh” content=”30;url=http://weibo.com/jjseen”>
expires 指定网页缓存的过期时间 <Meta http-equiv=”expires” content=”0”> <!-- 马上过期-->
cach 是否允许浏览器从本地机器调阅缓存 <Meta http-equiv=”cach” content=”NO-cach”> <!--禁止,网页不保存,每次访问都刷新 -->
set-cookie 是否禁用cookie或者使cookie失效 <Meta http-equiv=”set-cookie” content=”cookievalue=××;expires=Wednesday,21……/>
window-target 强制页面的显示方式 <Meta http-equiv=”window-target” content=”_top/>强制页面在当前窗口中以独立页面显示,也可以用来防止别人在框架里调用该页面。其中content的选项为_blank,_top,_self,_parent。
page-enter,page-exit 页面的进入与退出的特效设置 <Meta http-equiv=”page-enter” content=”blendTrans(Duration=0.5)”>这实际上是利用到了CSS滤镜。

      Meta的页面描述信息(NAME)用于说明和描述网页,name是描述网页的,对应于content,以便于搜索机器人查找、分类。name的取值(name=””)指定所提供的信息类型,其中有些

值是已经定义好的,例如description、keyword、refresh等。也可以指定其他任意的值,如creationdate、documentID、Level等。下表是具体语法:

表2 HTTP描述信息表

keywords 声明网页的关键字,又搜索引擎自动完成关键字索引。 <Meta name=”keywords” content=”HTML,HTML头部,HTTP-EQUIV,meta”/>
Description 描述网站的主要内容,搜索殷勤也会通过这个属性来检索这个网站,但是不显示出来。 <Meta name=”Description” content=”这篇博文讲解了HTML头部相关标签”/>
Robots 机器人向导,用来告诉机器人那些页面需要索引,那些不需要索引。 <Meta name=”Robots” contents=”All|None|Index|Noindex|Follow|NoFollow”>
all:文件将被索引。None文件不被索引,且页面上的链接不可以被查询。(和"NoIndex,NoFollow"起相同作用).Index:文件将被检索。Follow:页面上的链接可以被查询。
Author 页面作者 <Meta name=”Author” content=”jjseen,jjseen@163.com”/>
Copyright 用于标注版权 <Meta name=”Copyrightng” content=”版权所有”/>
Generator 编辑器  
revisit-after 设定重新访问的时间间隔,以天为单位。(我还不是很清楚该标签作用) <Meta name=”revisit-after” content=”7 days”>
     

  Meta还有一些其他标签,也统一整理,见下表:

表3 Meta其他标签表

scheme 说明内容的一个含义标签 <Meta scheme=”ISBN” name=”identifier” content=”0-14-042152”>
link 链接到某个文件 <link href=”logo.ico” rel=”Shortcut Icon”>放入收藏夹中后显示的小图标,地址栏上的小图标
base 基链接 <base href=”http://weibo.com/jjseen” target=”_blank”>使用该语句后,网页上所有相对路径在链接时都会自动加上前面的地址。
更多精彩内容其他人还在看

网页注释在IE中产生文字溢出

实验代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti
收藏 0 赞 0 分享

HTML教程:定义列表

原文:http://andymao.com/andy/post/104.html 上一节:有序列表 写完“无序列表”和“有序列表”之后已经有人和我说这两篇看得没什么意思。这两篇文章如果只以单向读取的形式阅读那么的确是没什
收藏 0 赞 0 分享

HTML教程:有序列表

原文:http://andymao.com/andy/post/103.html 上一节:无序列表 信息有时候是无序归纳的,有的却有着明确的顺序,在上一篇也提到了。那么简单的来想一下身边有哪些事物是有先后顺序的:操作步骤、排行榜、书目录……
收藏 0 赞 0 分享

HTML教程:无序列表

原文:http://andymao.com/andy/post/102.html 段落已经讲完了,那么一些基本的应用方式也讲了一些,那么是否已经应用了呢?当然应用可以更为丰富,那么这些就需要自己在实际工作中不断的摸索与思考,然后创新并总结得出新的应用形式。当然了段落不能当作
收藏 0 赞 0 分享

HTML网页制作的强大8条技巧

  虽然现在有许多网页制作工具能让您轻松地完成工作,但如果使用HTML则可以得到更大控制权,下面介绍几个小技巧。   1。使用<tt>,<i>,<br>语句来控制文字排版比用<pre>好得多。 如: <tt>实用
收藏 0 赞 0 分享

网页表格分割线去除方法

网页表格分割线去除方法。 其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到<TABLE>标签中都有rules。它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这
收藏 0 赞 0 分享

blockquote标记应用注意

关于语义化,不是一句两句就能说明白的,而且现在也没有一个官方的很严格的定义。关于<blockquote>没有争议的是: 1.引用一段较长的文字 2.可以使用cite标签或者属性 问题是<blockquote>引用的文字必须使用块级元素将他
收藏 0 赞 0 分享

网页表格表框制作技巧

网页表格表框制作技巧。 -------------------------------------------------------------------------------- 表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不
收藏 0 赞 0 分享

HTML其实就是学习几个重要标记的应用

《这将是一场革命》一文出来以后。得到业界大伙的认同,当然与此同时也得到部分来自内部与外部的挑衅,不过的更加多的是更多人来寻问每一个点的细节。今晚回家很早就睡了,半夜在一个梦中醒来,梦里正在和小学的同学玩一个游戏——“The Next&rdquo
收藏 0 赞 0 分享

移动端专用的meta标签设置大全

不知道有没有人觉得,html的meta标签描述的头部信息特别多,下面这篇文章主要给大家分享介绍了关于移动端专用的meta设置的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧
收藏 0 赞 0 分享
查看更多