今天小编跟大家讲解下有关使用CSS中的meta实现web定时刷新或跳转的方法 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关使用CSS中的meta实现web定时刷新或跳转的方法 的相关资料，希望小伙伴们看了有所帮助。
meta源信息功能之页面定时跳转与刷新
几乎所有的网页头部都有<meta>源信息。除了我们常用的定义编码、关键字(name=”keywords”)、描述(name=”description”)(for SEO) 还可以定义视区大小、缩放比例等(for 移动端) 如下：
CSS Code复制内容到剪贴板 <metaname="viewport"content="width=device-width,initial-scale=1.0">以及 定义网页的过期时间 cookie的过期时间等等。就是我们网页平时跳转 还可以使用<meta>实现 下面几个典型代码示例：
CSS Code复制内容到剪贴板 <metahttp-equiv="refresh"content="5">这个表示当前页面每5秒钟刷一下 刷一下~
CSS Code复制内容到剪贴板 <metahttp-equiv="refresh"content="2;url='/'">这个表示当前页面2秒后跳到首页~
<meta http-equiv="refresh" content="0; url='http://www.qq.com/'">
页面直接跳转到腾讯网~
所以 当我们下次遇到“登录成功 正在跳转到您之前访问页面……”的时候 可以使用<meta>的这个refresh刷新 跳转功能 可以说是成本最低的。
上面Demo效果就是上面第1个示例代码效果。
根据我的测试 此特性包括IE7在内的浏览器都是支持的。问题来了：为何meta跳转不火呢
大家可以看到 meta跳转 使用方便 不用写JS 不用会后台代码 定时跳转刷新什么的玩得照样很溜 而且兼容性好 为啥总感觉不温不火 很少看见有人提及呢
新晋的小伙伴不知有没有听过这么一个词 叫做“万恶的IE6年代”。
据说 当年 这一批老旧的浏览器 问题很多 其中就有对meta2个小小的不友好。我也是听说 不一定准确。坊间是这么传闻的：
时间设为0的跳转 有时候页面会闪一下； 跳转到其他页面 浏览器后退按钮是不能用的；但是啊 现在是什么年代啊 监狱风云都拍到第二季了 这些老问题 我觉得就可以忽略不计了。
不妨大胆试试meta跳转 好好利用下浏览器的原生特性 说不定就会发现比什么JS跳转之流用得更开心。
来源：爱蒂网
