meta标签的用法

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目 前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和 keywords(分类关键词),所以应该给每页加一个meta值。比较常用的有以下几个:

  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页面。

时间: 2024-08-28 19:37:11

meta标签的用法的相关文章

HTML中META标签一些用法

你的个人网站做得再精彩,在如此庞大的网络空间,被人发现实属不易.那么如何推广个人网站,人们一般会这样做: ● 在搜索引擎中登录自己的个人网站 ● 在知名网站加入你个人网站的链接 ● 在论坛中发帖子宣传你的个人网站 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性! META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME). HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以

好程序员web前端分享html中meta标签及用法详解

好程序员web前端分享html中meta标签及用法详解,这篇文章给大家介绍了html中meta标签及用法详解,感兴趣的朋友一起看看,Html中meta标签一.meta标签 含义 <meta> 元素 可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词. <meta> 标签位于文档的头部,不包含任何内容. <meta> 标签的属性定义了与文档相关联的名称/值对.二.meta 中常用属性 charset? (字符集) 说明:规

html中meta标签及用法理解

自己一直想成为高级前端开发工程师,而自学.奈何最近感觉自学收效甚微,一度迷茫. 不破不立,打算改变这样的状态. 春节后上班第一天,今年打算好好实现自己的前端梦想. 重新整理.总结前端技术. 废话,就不多说了,开始今天的主题. Html中meta标签 一.meta标签 含义 <meta> 元素 可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词. <meta> 标签位于文档的头部,不包含任何内容. <meta> 标签的属性

HTML meta标签的用法及head中的一些常用标签

meta是用来在HTML文档中模拟HTTP协议的响应头报文.meta主要为分HTTP标头信息(HTTP-EQUIV)和页面描述信息(NAME)标头信息包括文档类型.字符集.语言等浏览器正确显示网页的信息及处理动作:网页描述如内容的关键字.摘要.作者和定义robots行为等,为搜索引擎索引提供信息. meta 标签用于网页的<head>与</head>中,meta 标签的用处很多.meta 属性有两种:name和http- equiv. name:将content属性与一个名字连接,

HTML中&lt;meta&gt; 标签的用法

<meta> 标签位于<head></head>标签中,用来提供页面的元信息. 1.设置页面的字符集 <meta charset="UTF-8"> 2.设置网页的描述 <meta name="description" content="HTML5的meta标签"> 3.设置网页的关键词 <meta name="keyword" content="HTM

html meta标签属性用法集合

1.<meta name="generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等: 2.<meta name="keywords" contect="">向搜索引擎说明你的网页的关键词: 3.<meta name="description" contect="">告诉搜索引擎你的站点的主要内

【JSP】&lt;meta&gt;标签用法

转载自:http://blog.sina.com.cn/s/blog_65c74cce0102v39z.html  非常感谢这位博主,急着用,改日再细细品味重新整理这篇博文. http-equiv META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME). ★HTTP-EQUIV HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容.常用的HTTP-EQUIV类型有: 1.Content-Type和Conte

html meta标签用法详细介绍

meta是html语言head区的一个辅助性标签. 在页面中都有类似这样的html代码: <head> <meta http-equiv="content-Type" content="text/html; charset=gb2312"> </head> 一.meta标签的组成 meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能. 1.n

元数据meta标签的含义和用法

最齐全的网站元数据meta标签的含义和用法:http://blog.csdn.net/freshlover/article/details/25322839 Bootstrap中文网首页源代码:view-source:http://www.bootcss.com/