html Meta标签小集

所属分类: 网页制作 / HTML/Xhtml 阅读数: 1057
收藏 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”>使用该语句后,网页上所有相对路径在链接时都会自动加上前面的地址。
更多精彩内容其他人还在看

超链接的宽度和高度直接设置不起作用的解决方法

这篇文章主要介绍了超链接的宽度和高度直接设置不起作用的解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

html下拉菜单提交后保留选中值而不返回默认值

这篇文章主要介绍了html下拉菜单提交后如何保留选中值而不返回默认值,方法虽简单,但比较实用,需要的朋友可以参考下
收藏 0 赞 0 分享

html用style添加属性示例

这篇文章主要介绍了html用style添加属性的写法,比较实用,有需要的朋友可以参考下
收藏 0 赞 0 分享

HTML元素设置焦点的方法

HTML元素设置焦点,大都是采用js的focus方法来进行设置,下面有个示例,大家可以参考下
收藏 0 赞 0 分享

html用title属性实现鼠标悬停显示文字

实现鼠标悬停显示文字,html中使用title属性就可实现显示文字的效果,这个属性还是比较实用的,需要的朋友可以参考下
收藏 0 赞 0 分享

html 用超链接打开新窗口其可控制窗口属性

这篇文章主要介绍了html如何用超链接打开新窗口其可控制窗口属性,主要使用到js的window.open方法,感兴趣的朋友可以看看哦
收藏 0 赞 0 分享

html 可输入下拉菜单的实现方法

可输入下拉菜单,不可思议是不是, 本例通过一些方法实现这个不可能的事情,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

a标签href属性与onclick事件使用实例

a标签主要用来实现页面跳转,可以通过href属性实现,也可以在onclick事件里实现,下面为大家简要介绍下其具体的使用
收藏 0 赞 0 分享

HTML cellpadding与cellspacing属性图文详解

这篇文章主要介绍了HTML cellpadding与cellspacing属性,有个演示图,相信大家看过之后就知道了,需要的朋友可以参考下
收藏 0 赞 0 分享

input输入框中的光标大小显示不一致的解决方法

chrome浏览器对光标高度的设置原则为,当没有内容的时候光标的高度=input的line-height的值,当有内容时,光标从input的顶端到文字的底部
收藏 0 赞 0 分享
查看更多