网页中META标签的使用

原创 2005年03月03日 14:52:00
Meta 标签放在每个网页的 <head>...</head> 中,我们大家比较熟悉的如:

  <meta name="GENERATOR" content="Microsoft FrontPage 3.0">说明编辑工具;
  <meta name="KEYWORDS" content="...">说明关键词;
  <meta name="DESCRIPTION" content="...">说明主页描述;
  <meta http-equiv="Content-Type" content="text/html; charset=gb_2312-80"> 和
  <meta http-equiv="Content-Language" content="zh-CN">说明所用语言及文字...

  可见 META 有两种,name 和 http-equiv。

  name 属性

  1、<meta name="Generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等;
  2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词;
  3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容;
  4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者;
  5、<meta name="Robots" contect="all|none|index|noindex|follow|nofollow">
  其中的属性说明如下:
  设定为all:文件将被检索,且页面上的链接可以被查询;
  设定为none:文件将不被检索,且页面上的链接不可以被查询;
  设定为index:文件将被检索;
  设定为follow:页面上的链接可以被查询;
  设定为noindex:文件将不被检索,但页面上的链接可以被查询;
  设定为nofollow:文件将不被检索,页面上的链接可以被查询。


  http-equiv属性


  1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">
  和 <meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言;又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;
  2、<meta http-equiv="Refresh" contect="n;url=http://yourlink">定时让网页在指定的时间n内,跳转到页面http;//yourlink;
  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页面。

相关文章推荐

网页元信息meta标签的作用以及使用

meta标签的使用,以及作用

网页头部标签meta详解

  • 2008年05月26日 23:36
  • 42KB
  • 下载

关于微信公众号内嵌网页的几个meta标签

 最近在做微信公众平台内嵌app,其实也就是web app="=,不过就是基于微信内置浏览器(safari加了一个WeixinJS对象),稍微记一下几个html的meta标签(web app通用...

手机网页制作的认识(有关meta标签)

近日以来一直在看JQuery Mobile 一个手机开发框架,说实话真的很头疼的~~~~ 因为里面有很多的属性、方法和事件~~~ 下面是手机网页的一些认识:     一、     网页手机wap...
  • ye1992
  • ye1992
  • 2014年04月01日 09:29
  • 8208

移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 <meta name="msapplication-tap-highlight" c

移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 1、关闭iOS键盘首字母自动大写 2、禁止文本缩...
  • lamenw
  • lamenw
  • 2017年06月01日 18:03
  • 843

html网页中head之meta标签

什么是meta标签? 在一个网页中meta标签常常被用做网页关键字、网页介绍、作者、网页编码、robots、自动跳转等声明及说明标签。 网页显示字符集网页编码 简体中文: 中文: 繁体中文:...

网页头部SEO优化:Meta标签参数详解http-equiv和name

meta是用来在HTML文档中模拟HTTP协议的响应头报文,META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 http-equiv属性详解:    1...
  • han8888
  • han8888
  • 2011年11月03日 08:40
  • 489

网页HTML代码中Meta标签详解

很多人忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧!  META标签是HTML语言HEAD区的一...

网页设计:Meta标签详解

网页设计:Meta标签详解 网页设计:Meta标签详解 很多人忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重...

meta-data标签的使用

  • 2012年11月27日 09:52
  • 67KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网页中META标签的使用
举报原因:
原因补充:

(最多只允许输入30个字)