在 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
。
样本输出:
我们还可以将 HTML 页面重定向到外部网站。我们需要在 content
属性的 url
选项中写入外部网站 URL。
一个例子如下所示。
<meta http-equiv="refresh" content="1; url=https://www.upwork.com/" />
当我们打开上面的 HTML 文件时,页面会被重定向到 Upwork。
样本输出:
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