在 HTML 中重定向

Subodh Poudel 2024年2月15日
在 HTML 中重定向

在本文中,我们将学习如何在 HTML 中执行自动重定向。

在 HTML 中使用 http-equiv 将页面自动重定向到另一个页面

在 HTML 中,我们使用 meta 标记来指定有关 HTML 文档的多个元数据,并提供许多属性来在 HTML 文档中设置这些不同的信息。名为 http-equiv 的属性会自动刷新 HTML 页面。

http-equiv 属性指定 content 属性值的 HTTP 标头。要刷新页面,我们可以在 meta 标记中使用 content 属性和 http-equiv 属性。

例如,创建一个名为 test.html 的 HTML 文件。然后,用 meta-equiv 属性在 HTML 中的 head 标签内写入 meta 标签。

将属性设置为 refresh,然后写入 content 属性并给出值 1。不关闭 content 属性中的引号,写入 url 选项并将其值设置为 ./index.html

最后,在项目的根目录中创建一个文件 index.html,并在 body 部分写入一些文本。

示例代码:

test.html

<head>
 <meta http-equiv="refresh" content="1; url=./index.html" />
</head>
<body>
 <p> This is test.html</p>
</body>

index.html

<body>
 this is index.html
</body>

当我们打开文件 test.html 时,页面被重定向到 index.html

样本输出:

页面重定向到 index.html

我们还可以将 HTML 页面重定向到外部网站。我们需要在 content 属性的 url 选项中写入外部网站 URL。

一个例子如下所示。

<meta http-equiv="refresh" content="1; url=https://www.upwork.com/" />

当我们打开上面的 HTML 文件时,页面会被重定向到 Upwork。

样本输出:

页面重定向到 upwork.com

作者: Subodh Poudel
Subodh Poudel avatar Subodh Poudel avatar

Subodh is a proactive software engineer, specialized in fintech industry and a writer who loves to express his software development learnings and set of skills through blogs and articles.

LinkedIn