html中meta标签作用详解

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 04:49 点击:

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)">设定

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • WordPress添加百度喜欢按钮小技巧
    • Wordpress 博客如何实现自定义Gravatar头像
    • 网站设计分析:建立良好的视觉层级
    • 网站设计分析:“中国式设计”的三个方向
    • 案例分析:奥巴马筹款网站的制作过程
    • 创建不平衡的平衡:在网页设计中使用不对称设计
    • 7大主流B2C首页导航栏设计对比分析
    • Wordpress页面模板制作方法及使用
    • css控制文字前的小图标
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1