meta http-equiv='refresh' 解读

页面定期刷新，如果加url的，则会重新定向到指定的网页，content后面跟的是时间（单位秒），

把这句话加到指定网页的<head></head>里 一般也用在实时性很强的应用中，

需要定期刷新的 如新闻页面，论坛等，不过一般不会用这个，都用新的技术比如ajax等

<meta http-equiv="refresh" content="0; url=">‘经过一段时间转到另外某个页面

content="0;URL="，这里0表示没有延时，直接跳转到后面的URL；把0改成1，则延时1秒后跳转。  
网页自动计时跳转

这个页面跳转的好处在于不需要JS调用，直接在html文件头里加入
<meta http-equiv="refresh[刷新-这里指定动作]" content="5[这里是时间];url=/article[这里是跳转的URL]"> 

详细解读：

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

引用meat标签的http-equiv属性语法格式是：＜meta http-equiv="参数" content="参数变量值"＞ ；其中http-equiv属性主要有以下几种参数：

 1、Expires(期限) 说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。 用法：

Html代码  

  1. ＜meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"＞
＜meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"＞
注意：必须使用GMT的时间格式。 2、Pragma(cache模式)  说明：是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出  用法：

Html代码  

  1. ＜meta http-equiv="Pragma" content="no-cache"＞
＜meta http-equiv="Pragma" content="no-cache"＞
注意：这样设定，访问者将无法脱机浏览。 3、Refresh(刷新)  说明：自动刷新并指向新页面。  用法：

Html代码  

  1. ＜meta http-equiv="Refresh" content="2；URL=http://www.net.cn/"＞
＜meta http-equiv="Refresh" content="2；URL=http://www.net.cn/"＞
注意：其中的2是指停留2秒钟后自动刷新到URL网址。  4、Set-Cookie(cookie设定) 说明：如果网页过期，那么存盘的cookie将被删除。 用法：

Html代码  

  1. ＜meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT； path=/"＞
＜meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT； path=/"＞
注意：必须使用GMT的时间格式。 5、Window-target(显示窗口的设定)  说明：强制页面在当前窗口以独立页面显示。  用法：

Html代码  

  1. ＜meta http-equiv="Window-target" content="_top"＞
＜meta http-equiv="Window-target" content="_top"＞
注意：用来防止别人在框架里调用自己的页面。 6、content-Type(显示字符集的设定)  说明：设定页面使用的字符集。  用法：

Html代码  

  1. ＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞
＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞
7、Pics-label(网页等级评定) 用法：

Html代码  

  1. <meta http-equiv="Pics-label" contect="">
<meta http-equiv="Pics-label" contect="">
说明：在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的。 8、Page_Enter、Page_Exit  设定进入页面时的特殊效果

Html代码  

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

Html代码  

  1. <meta http-equiv="Page-Exit"    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   随机产生一种过渡方式   9、清除缓存（再访问这个网站要重新下载！）

Html代码  

  1. <meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
 10、设定网页的到期时间

Html代码  

  1. <meta http-equiv="expires" content="0">
<meta http-equiv="expires" content="0">
11、关键字,给搜索引擎用的

Html代码  

  1. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
12.页面描述

Html代码  

  1. <meta http-equiv="description" content="This is my page">

meta http-equiv='refresh' 解读

时间： 2024-10-08 10:03:06

meta http-equiv='refresh' 解读的相关文章

移动端-新建空白页面meta各个标签详细解读

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html> meta标签 <meta name="viewport" content="width=device-width, i

一、html

一.html相关概念 html是 htyper text markup language 即超文本标记语言,超文本就是指页面内可以包含图片.链接,甚至音乐.程序等非文字元素,而标记语言:即标记(标签)构成的语言. 网页相当于HTML文档,由浏览器解析,用来展示的,静态网页即静态的资源,如xxx.html,动态网页是html代码是由某种开发语言根据用户请求动态生成的. 什么是标签: 是由一对尖括号包裹的单词构成 例如: <html> *所有标签中的单词不可能以数字开头. 标签不区分大小写.<

web前端：html基本操作

1. HTML概述 HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记).相当于定义统一的一套规则,大家都来遵守他,这样就可以让浏览器根据标记语言的规则去解释它. 浏览器负责将标签翻译成用户"看得懂"的格式,呈现给用户!(例:djangomoan模版引擎) 总结:HTML其实就是一套规则,一套浏览器能够识别的规则: 2. 准备须知 这里使用pycharm编辑器编写html: 1)打开pycharm,新建ht

web前端基础知识-（一）html基本操作

1. HTML概述 HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记).相当于定义统一的一套规则,大家都来遵守他,这样就可以让浏览器根据标记语言的规则去解释它. 浏览器负责将标签翻译成用户"看得懂"的格式,呈现给用户!(例:djangomoan模版引擎) 总结:HTML其实就是一套规则,一套浏览器能够识别的规则: 2. 准备须知 这里使用pycharm编辑器编写html: 1)打开pycharm,新建ht

js刷新页面和跳转

javascript返回上一页: 1.返回上一页 history.go(-1); 返回上两个页面 history.go(-2); <a href="javascript:history.go(-1);">上一页</a> 2.history.back(). 3.window.history.forward() 返回下一页 4.window.history.go(返回第几页,也可以是url) 5.window.location.href=url; js刷新页面的几种

前端之基础复习

!/usr/bin/env python# -*- coding: utf-8 -*-#web服务本质# #!/usr/bin/env python# # -*- coding: utf-8 -*-# import socket## def main():## sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)# sock.bind(('localhost',8081))# sock.listen(5)## while True:#

HTML介绍 前端概述

前端概述 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost',8089)) sock.listen(5) while True: connection, address = sock.accept() buf = connection.recv(1024) connection.sendall(bytes("HTTP/1.1 201 OK

NGINX: 统计网站的PV、UV、独立IP

Nginx: PV.UV.独立IP 做网站的都知道,平常经常要查询下网站PV.UV等网站的访问数据,当然如果网站做了CDN的话,nginx本地的日志就没什么意义了,下面就对nginx网站的日志访问数据做下统计: 概念: UV(Unique Visitor):独立访客,将每个独立上网电脑(以cookie为依据)视为一位访客,一天之内(00:00-24:00),访问您网站的访客数量.一天之内相同cookie的访问只被计算1次 PV(Page View):访问量,即页面浏览量或者点击量,用户每次对网站

web前端设计与开发---head元素

HEAD元素 1.1 title元素 页面的标题位于<title>标签内,可以包含任何字符或实体.除了在浏览器的标题栏中显示标题外,标题还有其他的用处,例如在大多数浏览器中,标题可以用作默认的快捷方式或收藏夹的名称:标题还可以作为搜索引擎结果中的页面标题.在设计页面时,应该为每个网页添加标题:标题要与内容有相关性,且尽可能简洁. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charst="utf-8