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在实际应用中还是很有用的,虽然不是经常可以用到。
补充:web前端 , HTML/CSS ,