如何从一个HTML页面重定向

页面重定向是指您点击一个URL以进入一个页面 X ，但在内部被重定向到另一个页面 Y 。这是由于页面重定向引起的。当需要更改特定网站的布局或特定页面的位置时，网站设计师依赖于重定向。

要从一个 HTML页面重定向，我们使用 META标签。除此之外，我们还使用 http-equiv属性为 HTTP头部提供一个值为content属性的 HTTP头部。内容中的值是您希望页面在多少秒后重定向的时间。

如果您希望立即加载页面，则将content属性设置为0。否则，如果您想延迟重定向一段时间，请分配一个以秒为单位的时间。

语法

<meta http-equiv="refresh" content="time; URL=new_url" />

如我们所见，重定向需要两个参数 –

time：表示在浏览器将用户重定向到另一个页面之前的延迟时间。
New_url：表示在延迟后需要重定向用户到的URL地址。

以下是例子…

示例

在以下示例中，我们通过在<meta>标签中指定URL链接来将页面重定向到另一页。

<!DOCTYPE html>
<html>
<head>
   <title>HTML Redirect</title>
   <meta http-equiv="refresh" content="5; url = https://www.deepinout.com/index.htm" />
</head>
<body>
   <h1>WELCOME TO Deepinout</h1>
   <p>you'll be redirected to Tutorialspoint Homepage, in 5 seconds.</p>
</body>
</html>

代码运行后，浏览器窗口会立即打开，并在5秒钟后自动重定向到 deepinout 主页。

延迟重定向HTML页面

如果在重定向到另一个页面或者延迟重定向页面时遇到任何错误，可能是因为我们使用的是旧浏览器，为了解决这个问题，我们会提到一个新链接到网页。

<!DOCTYPE html>
<html>
<head>
   <meta http-equiv="refresh" content="5; URL=https://www.deepinout.com/index.htm" />
</head>
<body>
   <p>If you are not redirected in five seconds, <a href="https://www.deepinout.com/index.htm">click here</a>.</p>
</body>
</html>

在执行上述脚本时，网页会出现一个链接，我们使用了<a href>，以避免重定向延迟。