如何只用html实现重定向

已收录   阅读次数: 1,381
2020-08-2714:48:38 发表评论
摘要

此前我们重定向网址,一般都是在服务器端或者利用Javascript实现,其实呢,用html的标签就可以做到,那么该如何做呢,可以参看下文,分享给大家,于是就有了今天这篇文章……

分享至:
如何只用html实现重定向

开篇寄语

此前我们重定向网址,一般都是在服务器端或者利用Javascript实现,其实呢,用html的<meta>标签就可以做到,那么该如何做呢,可以参看下文,分享给大家,于是就有了今天这篇文章。

内容详情

如果您对运行站点的Web服务器具有完全访问权限,则可能应该设置301或302重定向,或者如果资源位于同一服务器上,请设置URL重写,以使用户不会受到影响。

但是,有时候你需要在html实现重定向,当然是在某些时候。通常,在无法使用适当的.htaccess文件的情况下(例如在某些覆盖它的内容管理系统中),这是最有用的。

这仍然不是一个很好的解决方案,对于SEO来说不是一个好主意,因为它是客户端重定向,并且这种重定向将在等待重定向启动时在用户端显示白屏。

使用HTML元刷新重定向,您可以将用户发送到新页面。创建一个HTML文件,仅使用以下内容,将URL替换为比如本站luckydesigner.space:

<meta http-equiv="refresh" content="0; URL=luckydesigner.space/" />

之前的零表示此重定向将立即发生,这可能是理想的。但是,如果您要显示的“如果五秒钟之内没有重定向,请单击此处”,您也可以这样做,添加第二个用户链接:

<head>
    <meta http-equiv="refresh" content="5; URL=https://www.luckydesigner.space/" />
</head>
<body>
    <p>If you are not redirected in five seconds, <a href="https://www.luckydesigner.space/">click here</a>.</p>
</body>

可以放心使用,因为每个浏览器都支持这种重定向。

  • 我的微信
  • 微信扫一扫加好友
  • weinxin
  • 我的微信公众号
  • 扫描关注公众号
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: