Weiterleitung in HTML

Subodh Poudel 15 Februar 2024 HTML HTML Redirect
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

Genießen Sie unsere Tutorials? Abonnieren Sie DelftStack auf YouTube, um uns bei der Erstellung weiterer hochwertiger Videoanleitungen zu unterstützen. Abonnieren
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