`
wang_decheng
  • 浏览: 47618 次
  • 性别: Icon_minigender_1
  • 来自: 烟台
文章分类
社区版块
存档分类
最新评论

Meta的http-equiv属性详解

阅读更多

http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。

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

           1、Expires(期限)

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

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

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

           2、Pragma(cache模式)

           说明:禁止浏览器颖镜丶扑慊 幕捍嬷蟹梦室趁婺谌荨?br>
           用法:<meta http-equiv="Pragma" content="no-cache">

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

           3、Refresh(刷新)

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

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

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

           4、Set-Cookie(cookie设定)

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

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

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

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

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

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

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

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

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

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

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

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

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

          还有Page_Enter、Page_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是过渡方式,它的值为0到23,分别对应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    随机产生一种过渡方式 

分享到:
评论

相关推荐

    IE=edge,chrome=1的META信息详解

    meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″&gt; 但令我好奇的是,此处这个标记后面竟然出现了chrome这样的值,难道IE也可以模拟chrome了? 迅速搜索了一下,才明白原来不是微软增强了IE,...

    HTML网页指令详解说明

    <meta http-equiv="refresh" content=10> 【2】10秒后自动连结到另一文件 <meta http-equiv="refresh" content="10;URL=欲连结文件之URL"> 3.查询用表单--<isindex&gt; 若欲设定查询栏位前的提示文字: 提示...

    网页头部标签meta详解

    Meta标签主要有两个属性:name属性和http-equiv属性。 name属性 Name属性主要用于描述网页的元数据,常用的参数包括: * Keywords(关键字):告诉搜索引擎网页的关键字是什么。 * Description(网站内容描述):...

    HTML标签详解大全

    HTML指令详解 结构 标题 <body>............. <meta http-equiv="refresh" content=10>  【2】10秒後自动连结到另一文件  <meta http-equiv="refresh" content="10;URL=欲连结文件之URL">

    html详解.doc

    1.基本格式: 网页标题部分 正文部分 2.&lt;meta&gt;信息:在服务器和客户之间传递隐含信息 其中最重要的设置: ... &lt;meta http-equiv=”refresh” content=2&gt; 功能:实现两秒钟重复刷新页面。

    AngularJS 中ui-view传参的实例详解

    meta http-equiv=keywords content=keyword1,keyword2,keyword3&gt; &lt;meta http-equiv=description content=this is my page&gt; &lt;meta http-equiv=content-type content=text/html; charset=UTF-8&gt; &lt;...

    【JavaScript源代码】Ajax 文件上传进度监听之upload.onprogress案例详解.docx

    Ajax 文件上传进度监听之upload.onprogress案例...DOCTYPE html&gt;  &lt;html lang="en"&gt;   &lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt; &lt;meta ...

    【JavaScript源代码】详解jQuery的拷贝对象.docx

    详解jQuery的拷贝对象  &lt;!DOCTYPE html&gt;  &lt;html lang="en"&gt;  &lt;head&gt;   &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;meta ...&lt;title&gt;Document&lt;/title&gt;...

    HtmlMate标签使用详解中文WORD版

    meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。希望本文档会给有需要的朋友带来帮助;感兴趣的朋友可以过来看看 资源太大,传...

    Asp定时执行操作 Asp定时读取数据库(网页定时操作详解)

    Meta http-equiv=”Refresh” Content=”30″&gt; &lt;Meta http-equiv=”Refresh” Content=”5; Url=//www.jb51.net”&gt; 注意:其中的5是指停留5秒钟后自动刷新到URL网址 2,如何定时操作 你可以在同一个页面...

    js弹窗返回值详解(window.open方式)

    !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...meta http-equiv=”Content-Language” content=”utf-8″ /&gt; &lt;meta http-equiv=”Content-Type” content=”text/html; chars

    HTML中的meta标签的使用详解

    在我们制作的网页中,要是想让它能够让更多的人去访问,最好的方法就是通过...meta http-equiv=content-type content=application/xhtml+xml; charset=UTF-8 /&gt; &lt;meta name=author content=Erwin Aligam - styl

    Vue的属性、方法、生命周期实例代码详解

    实例 &lt;!... &lt;... &lt;head&gt;...meta charset=UTF-8&gt...meta http-equiv=X-UA-Compatible content=ie=edge&gt; &lt;title&gt;Vue的属性、方法和生命周期&lt;/title&gt; [removed][removed] &lt;/head&gt; &lt;bod

    PHP 页面编码声明方法详解(header或meta)

    php的header来定义一个php页面为utf编码... charset=utf-8”);... charset=gb2312”);... charset=big5”); 通常情况以上代码放在php页面的首页 用header或meta实现PHP页面编码的区别一、页面编码 1....META http-equiv=”conten

    jQuery表单对象属性过滤选择器实例详解

    meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;2-11&lt;/title&gt; [removed][removed] [removed] //&lt;![CDATA[ $(document).ready(function(){ //重置表单元素

    详解css布局实现左中右布局的5种方式

    本文介绍了详解css布局实现左中右布局的5种方式,分享给大家,具体如下: 效果如下: 左中右布局 &lt;!...&lt;...meta charset=UTF-8&gt;...meta name=viewport content=width=device-...meta http-equiv=X-UA-Compatible co

    Vue.js框架路由使用方法实例详解

    meta http-equiv=X-UA-Compatible content=IE=edge&gt; &lt;meta name='viewport' content='width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no'&gt; &lt;link href=...

    jQuery选择器之属性筛选选择器用法详解

    在这么多属性选择器中[attr=”value”]和[attr*=”value”]是最实用的 [attr=”value”]能帮...meta http-equiv="Content-type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;&lt;/title&gt; &lt;link r

    vue组件命名和props命名代码详解

    meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1&gt; &lt;title&gt;Examples&lt;/title&gt; [removed][removed] &lt;/head&gt; &lt;body&gt; &lt;!-- post-title使用驼峰命名postTitle会报错 blog-...

    详解html头标签的使用

     ** 在head里面的标签就是头标签 ...meta http-equiv="refresh" content="3;url=01-hello.html"/&gt;  ** base标签:设置超链接的基本设置  - 可以统一设置超链接的打开方式  &lt;base target=

Global site tag (gtag.js) - Google Analytics