Weiterleitung in HTML

Subodh Poudel 15 Februar 2024
Weiterleitung in HTML

In diesem Artikel erfahren Sie, wie Sie eine automatische Weiterleitung in HTML durchführen.

Verwenden Sie http-equiv, um eine Seite in HTML automatisch auf eine andere umzuleiten

In HTML verwenden wir das meta-Tag, um mehrere Metadaten über das HTML-Dokument anzugeben, und stellen viele Attribute bereit, um diese unterschiedlichen Informationen im HTML-Dokument festzulegen. Das Attribut http-equiv aktualisiert automatisch die HTML-Seite.

Das Attribut http-equiv spezifiziert den HTTP-Header für den Attributwert content. Um die Seite zu aktualisieren, können wir das Attribut content und das Attribut http-equiv im meta-Tag verwenden.

Erstellen Sie beispielsweise eine HTML-Datei namens test.html. Schreiben Sie dann das meta-Tag innerhalb des head-Tags in HTML mit dem meta-equiv-Attribut.

Setzen Sie das Attribut auf refresh, schreiben Sie dann das Attribut content und geben Sie den Wert 1 ein. Ohne die Anführungszeichen im Attribut content zu schließen, schreiben Sie die Option url und setzen Sie ihren Wert auf ./index.html.

Erstellen Sie zuletzt eine Datei index.html im Stammverzeichnis des Projekts und schreiben Sie etwas Text in den Abschnitt body.

Beispielcode:

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>

Wenn wir die Datei test.html öffnen, wird die Seite zu index.html umgeleitet.

Beispielausgabe:

Seite leitet zu index.html weiter

Wir können die HTML-Seite auch auf eine externe Website umleiten. Wir müssen die URL der externen Website in die Option url im Attribut content schreiben.

Ein Beispiel ist unten gezeigt.

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

Wenn wir die obige HTML-Datei öffnen, wird die Seite zu Upwork umgeleitet.

Beispielausgabe:

Seite leitet zu upwork.com weiter

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