html中meta标签作用详解

11-08-21 来源：[db:作者]

收藏我要投稿

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在实际应用中还是很有用的，虽然不是经常可以用到。

点击复制链接与好友分享!回本站首页