很实用的html meta标签实现页面跳转

最新推荐文章于 2025-05-27 13:59:24 发布

yuzhuoweb

最新推荐文章于 2025-05-27 13:59:24 发布

阅读量1.4w

点赞数

CC 4.0 BY-SA版权

分类专栏：宇卓网原创文章标签： html 标签 html页面跳转 meta标签 http-equiv属性

本文链接：https://blog.youkuaiyun.com/yuzhuoweb/article/details/48465643

宇卓网原创专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何利用HTML的Meta标签，特别是http-equiv属性中的refresh来实现页面的刷新和跳转。通过设置content属性，可以指定跳转的时间和目标URL，创建静态的HTML页面跳转快捷方式，避免IE阻止本地JS跳转的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

就算你是有很多年开发经验的web开发工程师，有着很多web开发经验，对于先进的web开发技术有着很深刻的研究，然而你却忽略了那些最最基础的东西!现在我来问你，你是否对html所有的标签都能熟练的使用呢？是否能恰当的使用每个html标签以达到最优化的效果呢？下面崔世瑞来教你一个被很多资深web开发工程师所忽略的知识点，如何用html的方式实现页面跳转：

refresh 用于刷新与跳转(重定向)页面
refresh出现在 http-equiv 属性中，使用 content 属性表示刷新或跳转的开始时间与跳转的网址

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>
< meta http-equiv = " refresh " content = " 5; url=http://www.yuzhuo520.com/ "

/>    
 <!-- 5秒后跳转到指定URL ，可以设置为0则是直接跳转，如果不加url属性则表示5秒后刷新本页-->

<title>使用meta标签的 http-equiv属性实现纯html页面跳转</title>

</style>

</head>

<body>

//网页内容

</body>

</html>

把你的网站的URL用这种html文件的方式发送给你的用户，让他放在桌面上做快捷方式，就不用担心IE阻止本地js跳转了。你还可以把你常用的网站的URL用这种方式把它存成html文件把他放在桌面当快捷方式，这样一个自己动手写的纯静态html页面跳转网站快捷方式就完成了！

宇卓网原创作品 http://www.yuzhuo520.com/ 转载保留版权和链接，盗版必究！