网页中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标签收集和整理

元素 概要 标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 ——W3Sch...
  • English0523
  • English0523
  • 2015年04月13日 11:44
  • 1267

很实用的html meta标签实现页面跳转

就算你是有很多年开发经验的web开发工程师,有着很多web开发经验,对于先进的web开发技术有着很深刻的研究,然而你却忽略了那些最最基础的东西!现在我来问你,你是否对html所有的标签都能熟练的使用呢...
  • yuzhuoweb
  • yuzhuoweb
  • 2015年09月15日 11:59
  • 3193

html meta标签使用总结

之前学习前端中,对meta标签的了解仅仅只是这一句。 meta charset="UTF-8"> 但是打开任意的网站,其head标签内都有一列的meta标签。比如我博客的。 但是...
  • h330531987
  • h330531987
  • 2017年04月11日 01:40
  • 956

<meta>标签用法,不看会后悔!

http-equiv META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 ★HTTP-EQUIV HTTP-EQUIV类似于HTTP的头部协议,它回应给...
  • u011089523
  • u011089523
  • 2016年11月23日 21:50
  • 1553

爬取网页内所有的url和meta标签,title标签

这个东西实际是最基础的东西,但是也是遇到了很多的坑,在这里记录如下。 此时我手里有了各种网页,从网上用wget工具下载的各种网页源码文件,大多是html文件,有的是php等等,都能使用html的...
  • u010970698
  • u010970698
  • 2017年07月11日 20:57
  • 367

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

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

html5手机网站需要加的那些meta/link标签,html5 meta全解

一、大众机型常用meta标签name的设置 1、name之viewport 说明:屏幕的缩放 content的几个属性:     width viewport的宽度[device-width |...
  • kongjiea
  • kongjiea
  • 2013年12月03日 11:00
  • 47351

最齐全的网站元数据meta标签的含义和用法

最齐全的网站元数据meta标签的含义和用法 随着HTML5的流行和Web技术的不断演变,Meta标签队伍也越来越壮大,从Windows XP的IE6到如今Windows 7、Windows 8的IE...
  • freshlover
  • freshlover
  • 2014年05月08日 17:56
  • 18754

meta标签的作用及整理

欢迎访文我的博客YangChen’s Blogmeta的标签的使用是我在前端学习中曾经困惑过一段时间的问题。一方面不是很了解meta标签的用途,另一方面是对于meta标签里的属性和值不是懂,也不知道从...
  • yc123h
  • yc123h
  • 2016年05月09日 21:00
  • 6227

WebApp开发Meta标签解析

WebApp全屏模式:注意:viewport 后面加上 minimal-ui 在safri 体现效果
  • zhu1500527791
  • zhu1500527791
  • 2016年11月10日 19:17
  • 1243
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网页中META标签的使用
举报原因:
原因补充:

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