HTML meta的使用和属性

转载 2011年01月21日 11:35:00

meta标签 -- head标签中的meta标签,可以为HTML文档提供额外信息

       注意:此标签只能出现在head标签内

 

 

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属性

 

meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;其中http-equiv属性主要有以下几种参数:

           1Expires(期限)

           说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。

           用法:<meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"

           注意:必须使用GMT的时间格式。

           2Pragma(cache模式)

           说明:是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出
           用法:<meta http-equiv="Pragma" content="no-cache"

           注意:这样设定,访问者将无法脱机浏览。

           3Refresh(刷新)

           说明:自动刷新并指向新页面。

           用法:<meta http-equiv="Refresh" content="2URL=http://www.net.cn/"

          注意:其中的2是指停留2秒钟后自动刷新到URL网址。

           4Set-Cookie(cookie设定)

          说明:如果网页过期,那么存盘的cookie将被删除。

           用法:<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Wednesday, 20-Jun-2007 22:33:00 GMT; path=/"

           注意:必须使用GMT的时间格式。

           5Window-target(显示窗口的设定)

           说明:强制页面在当前窗口以独立页面显示。

           用法:<meta http-equiv="Window-target" content="_top"

           注意:用来防止别人在框架里调用自己的页面。

           6content-Type(显示字符集的设定)

           说明:设定页面使用的字符集。

           用法:<meta http-equiv="content-Type" content="text/html; charset=gb2312"

          7Pics-label(网页等级评定)

           用法:<meta http-equiv="Pics-label" contect="">网页等级评定

           说明:在IEinternet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的。

          还有Page_EnterPage_Exit……

 

补充:

设定进入页面时的特殊效果<meta    http-equiv="Page-Enter"    contect="revealTrans(duration=1.0,transtion=    12)">  
设定离开页面时的特殊效果<meta    http-equiv="Page-Exit"    contect="revealTrans(duration=1.0,transtion=    12)">  

Duration的值为网页动态过渡的时间,单位为秒。  
Transition是过渡方式,它的值为023,分别对应24种过渡方式。如下表:  
0    盒状收缩    1    盒状放射  
2    圆形收缩    3    圆形放射  
4    由下往上    5    由上往下  
6    从左至右    7    从右至左  
8    垂直百叶窗    9    水平百叶窗  
10    水平格状百叶窗    11垂直格状百叶窗  
12    随意溶解    13从左右两端向中间展开  
14从中间向左右两端展开    15从上下两端向中间展开  
16从中间向上下两端展开    17    从右上角向左下角展开  
18    从右下角向左上角展开    19    从左上角向右下角展开  
20    从左下角向右上角展开    21    水平线状展开  
22    垂直线状展开    23    随机产生一种过渡方式  

简单来说:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />//指定页面的编码
<meta http-equiv="pragma" content="no-cache">//禁止浏览器从本地计算机的缓存中访问页面内容
<meta http-equiv="cache-control" content="no-cache">//清楚缓存(再访问这个网站要重新下载!)
<meta http-equiv="expires" content="0">//可以用于设定网页的到期时间
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">//关键字,给搜索引擎用的
<meta http-equiv="description" content="This is my page"> //页面的描述

html meta标签使用总结

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

HTML中meta 标签使用详解

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的与中,meta 标签的用处很多。meta 的属性有两种:name和http- equiv。name属性主要用于描述网...
  • qq_21792169
  • qq_21792169
  • 2016年02月04日 21:38
  • 13867

HTML5中meta属性的使用详解

meta属性在HTML中占据了很重要的位置。如:针对搜索引擎的SEO,文档的字符编码,设置刷新缓存等。虽然一些网页可能没有使用meta,但是作为正规军,我们还是有必要了解一些meta的属性,并且能够熟...
  • xmt1139057136
  • xmt1139057136
  • 2015年05月29日 10:45
  • 13419

HTML基础篇之meta标签

Meta常见参数及其意义Meta的常用的标签有很多,这次把这些标签归类来看Meta基础属性和概念来自W3C的解释如下: Metadata is data (information) about d...
  • u014620815
  • u014620815
  • 2016年03月10日 14:15
  • 489

<meta>标签中http-equiv属性的属性值X-UA-Compatible详解

X-UA-Compatible是针对IE8新加的一个设置,对于IE8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含指令,都像是使用了 Windows Internet...
  • a308690341
  • a308690341
  • 2014年05月17日 10:55
  • 4731

html的meta总结,html标签中meta属性使用介绍

原文链接:http://www.haorooms.com/post/html_meta_ds 前言 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够...
  • u011125949
  • u011125949
  • 2016年03月24日 09:40
  • 175

html的meta总结,html标签中meta属性使用介绍

前言meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语...
  • tlcjbl
  • tlcjbl
  • 2016年10月21日 14:08
  • 413

html的meta总结,html标签中meta属性使用介绍

引子 之前的我的博客中对于meta有个介绍,例如:http://www.haorooms.com/post/liulanq_think_ie 浏览器安全性想到的这篇文章,中间介绍了meta下面I...
  • weixin_38289699
  • weixin_38289699
  • 2017年10月18日 18:07
  • 75

HTML中META属性详解

转载自:点击打开链接 meta是html语言head区的一个辅助性标签。几乎所有的网页里,我们可以看到类似下面这段的html代码:  <head>  <met...
  • u012062841
  • u012062841
  • 2014年03月08日 21:53
  • 473

常用meta标签属性

《meta》 1.Keywords (关键字) 说明:告诉搜索引擎你网页的关键字是什么。 用法: 2. Description (网页描述) 说明:Description用来告诉搜索引擎...
  • theowl
  • theowl
  • 2015年07月21日 13:16
  • 1205
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML meta的使用和属性
举报原因:
原因补充:

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