Umleitung auf eine Webseite in HTML

  2. How-To's
  3. HTML Howtos
  4. Umleitung auf eine Webseite in HTML
Nithin Krishnan 19 Februar 2023
HTML
  1. Verwendung von Meta Refresh zur Weiterleitung in HTML
  2. Verwendung von den Anchor-Tag zur Weiterleitung in HTML
  3. Fazit
Umleitung auf eine Webseite in HTML

Es gibt verschiedene HTML-Möglichkeiten, um einen Benutzer umzuleiten, wenn ein Server ausfällt oder gewartet wird. Es hängt von den Geschäftsanforderungen ab, welche Art von Weiterleitungsverhalten die Site haben soll. Die Behandlung von Weiterleitungen in der Benutzeroberfläche verbessert die Leistung, da HTML-Webseiten als erste gerendert werden. Beginnen wir mit HTML-Methoden zum Umleiten auf eine andere Webseite.

  1. Meta Refresh
  2. Ankertag

Verwendung von Meta Refresh zur Weiterleitung in HTML

In HTML haben wir das Tag <meta>, das vom Browser verstanden wird. Mit diesem HTML-Tag können wir den Browser bitten, zur genannten Seite umzuleiten. Es erlaubt uns auch, eine Verzögerung zu programmieren, wenn wir möchten.

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

Hier sind einige Parameter enthalten, das http-equiv und das content.

  • http-equiv: ähnelt einem HTTP-Anforderungsheader und sendet zusätzliche Informationen, die der Browser verstehen kann. Dieses Attribut akzeptiert verschiedene Werte. Der am häufigsten verwendete ist der content-type, der dem Browser den zu erwartenden Inhaltstyp mitteilt. refresh ist ein weiterer Wert für http-equiv, der den Browser anweist, zu dem im Attribut content angegebenen Link zu navigieren.
  • content: Enthält eine programmierbare Verzögerung (in Sekunden), um den Benutzer darüber zu informieren, dass er umgeleitet wird. Wenn sie fortfahren möchten, können oder bleiben sie zurück, ohne umgeleitet zu werden. Und die URL ist der Link, zu dem die Navigation erfolgen soll.

Bemerkungen

  1. Diese Methode wird im Allgemeinen auf der Basisseite verwendet, um die Benutzer umzuleiten, bevor die Site geladen wird.
  2. Basierend auf dem im Meta-Tag festgelegten Timing leitet die Meta-Aktualisierungsfunktion den Benutzer nach dem Laden einer Seite automatisch um.
  3. Auf die Webseite, die diesen Code enthält, kann möglicherweise nicht über die Schaltfläche Zurück des Browsers zugegriffen werden.
  4. Wenn wir keine URL angeben, wird die Seite neu geladen.
  5. Verwenden Sie Meta-Redirect-Tags auf einer Seite nicht zu häufig. Es wird als Spam-Inhalt gewertet und kann die Reputation von Suchmaschinenlisten beeinträchtigen.

Verwendung von den Anchor-Tag zur Weiterleitung in HTML

Möglicherweise kennen Sie das Ankertag in HTML. Es wird häufig auf Webseiten verwendet, um zu einer Unterseite oder einer externen Website zu navigieren. Im Gegensatz zur Meta-Refresh-Methode ist das Ankertag statisch. Daher ist ein Ereignis, ein Klick, erforderlich, um es aufzurufen. Wir können das Ankertag verwenden, um den Benutzer auf folgende Weise umzuleiten:

<a href='https://www.delftstack.com/'>Go to Delfstack</a>
<a href='/tutorial'>Tutorials</a>
  • Die erste Methode verwendet die gesamte URL https://www.delftstack.com/, die als Wert an das href-Attribut des Tags <a> übergeben wird. Dies ist effektiv, wenn wir die Anwendung verlassen und zu einer externen Site navigieren müssen. Mit der Zurück-Schaltfläche des Browsers können Sie zur Ursprungsseite zurückkehren.
  • Die zweite Methode wird verwendet, um zu einer Seite innerhalb der Site zu navigieren. In diesem Fall erwähnen wir den relativen Pfad der beabsichtigten Seite (/tutorial). Der Browser übersetzt diesen relativen Pfad als https://www.delftstack.com/tutorial.

Bemerkungen

  1. Diese Methode basiert auf der Benutzerinteraktion, einem Klickereignis für die Navigation.
  2. Sie können die Anchor-Tag-Umleitungsmethode zum Weiterleiten innerhalb der Website oder zu einer anderen Website verwenden.
  3. Wenn wir keine URL an das href-Attribut übergeben, wird durch Klicken auf das Ankertag die aktuelle Seite neu geladen.

Fazit

Abhängig von den Geschäftsanforderungen empfiehlt es sich, die Metaaktualisierungsmethode zu verwenden, um einen Benutzer umzuleiten, sobald er auf der Webseite der Wartungssite landet. Es gibt uns die Freiheit, eine Verzögerung einzuführen, um dem Benutzer eine Nachricht für die Umleitung anzuzeigen. Die Verwendung eines Ankertags ist durchaus üblich, wenn die Navigation auf der Grundlage eines Ereignisses wie eines Benutzerklicks beabsichtigt ist.