html中meta标签作用详解

meta标签是位于html代码的和内的标签,meta标签的作用其实有很多,但是确实很多初学html代码的站长最容易忽视的地方,meta标签的属性主要有两中:name和http-eauiv.
meta标签是位于html代码的<head>和</head>内的标签,meta标签的作用其实有很多,但是确实很多初学html代码的站长最容易忽视的地方,meta标签的属性主要有两中:name和http-eauiv.
name标签主要用于描述一个网页,为搜索引擎提供有关文档的一些信息,比如keyword(关键词)、description(网页内容的描述),等等;
比较常用的name属性主要有以下几个:
name属性:
1、<meta name="keywords" contect="">
其中 contect="",引号里填入此文档的主要关键词,例如我们这个网页的关键词是meta,那么就写contect="meta"。虽然SEO界的研究是这个标签的作用已经不是很大,但是学习建站的新手还是有必要了解。
2、<meta name="description" contect="">告诉搜索引擎你的站点的主要内容;
description是为搜索引擎提供网页的内容简介,一般最好控制在70个汉字,即140个字符以内,description里面的内容不会直接显示在页面上,主要是像搜索引擎提供的作为判断页面内容的信息,诸如我们这个页面的主要内容是关于“html中meta标签作用”的,那么你就可以写一些你文章核心内容也就是文章内容的概括。
3、<meta name="author" contect="">
author属性即告诉搜索引擎这个网页的制作者的姓名等;目前尚没有关于此标签的重要性的讨论。
4、<meta name="Robots" contect= "">
这里的content里要填入具体的参数,以下分别对所有的参数进行详细的说明。
       all:文件将被检索,且页面上的链接可以被查询;
  none:文件将不被检索,且页面上的链接不可以被查询;
       follow:页面上的链接可以被查询;
  noindex:文件将不被检索,但页面上的链接可以被查询;
  nofollow:文件将不被检索,页面上的链接可以被查询。
  index:文件将被检索;
 大家根据自己的情况在content里填入具体的参数,如果你的网页只是写一些比较个人的内容,你不想搜索引擎检索到你的网页,那么你可以使用contect= "none"
网易:<meta name="robots" content="index, follow" />
其余门户暂无此标签
http-equiv属性
1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">和 <meta http-equiv="Content-Language" contect="zh-CN">
这一句用来指定你网页所使用的编码,常用的主要有两种 UTF-8和GBK;
2、<meta http-equiv="Refresh" contect="30;url=http://www.cssking.net">
这是一种定时让页面转向的代码,可以自定义页面跳转的时间,时间的单位为秒,例如我们这里设定的是30秒,这行代码主要用在一些用户交互的地方,例如网页的用户注册、用户提交表单之后在限定的时间内跳转到某个页面,这个方法一般还是不建议在普通的页面上使用,因为之前有很多人利用这一点进行SEO作弊,SEO会在某一定程度上把带有跳转的网页也理解为黑帽SEO。
3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">
这行代码用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;
4、<meta http-equiv="Pragma" contect="no-cache">
是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;
5、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;
6、<meta http-equiv="Pics-label" contect="">网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;
7、<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;
8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">设定进入和离开页面时的特殊效果,这个功能即 FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。
以上是我个人关于html中meta标签作用的整理介绍,初学html的筒子们可以用来小试牛刀。
====  一点补充 2011-05-07  ===
今天在做404页面的时候,又用到了meta元素,具体是这样的,为了避免搜索引擎收录到网站的404页面,从而发生大量重复页面的问题,所以有必要限制搜索引擎对404页面的收录,有人提醒我使用robot.txt限制,但是这个方法是不行的,还是需要使用到meta来实现;具体的就是在404页面中加入:
<meta name="robots" content="noindex">
这样一段代码即OK,补充这些东西的目地,并不是要告诉大家404怎么做,而是说meta在实际应用中还是很有用的,虽然不是经常可以用到。

元信息标记meta详解:
meta标记主要是定义页面中的信息,这些信息并不会显示在浏览器中,而在源代码中显示,在html头部可以包含任意数量的html标记。
1)定义页面关键字:

定义页面关键字是为了向搜索引擎说明网页关键词,从而帮助搜索引擎对该网页进行分类和查找,有事收索引擎会限制关键字的数量,因此在设置关键词时不要过多,关键词之间用逗号隔开
语法;<meta name="keywords" content=“关键词”>
说明;name为属性名,这里是keywirds,也就是设置网页的关键字属性。
2)定义页面描述
设置页面描述是为了便于收索引擎查找,页面描述是用来面熟网页的主题。与关键字一样,定义页面描述不会在网页中显示出来。
语法:<meta name="description" content=“定义页面描述“>
说明;name为属性名,这里是description,也就是将元信息设置为定义页面描述,在content中描述具体内容。
3)定义作者信息
语法:<meta name="author" content=“作者姓名“>
说明;name为属性名,这里是author,也就是作者信息。
4)定义网页的定时跳转
在浏览网页是经常会看到一些页面,过一段时间后回自动跳转到其他网页中,这就是网页的跳转。
语法:<meta http-equiv="refresh" content=“跳转时间;url=跳转地址“>
说明;fefresh表示设置网页的刷新,而在url后给出了刷新的时间和新地址,时间和地址之间用逗号相隔,跳转时间默认单位是秒。
5)定义网页的过渡效果
语法:<meta http-equiv="过渡事件" content=“revealtrans(duration=过渡效果持续时间,tansition=过渡方式)">
说明;过渡事件可以使进入页面也可以使离开页面,进入页面的http-equiv值为page-enter,离开页面的http-equiv的值为page-exist,过渡方式如下:

原文地址:https://www.cnblogs.com/blogsme/p/3016572.html