So leiten Sie eine HTML-Seite beim Laden auf eine andere um

Question 1

Ist es möglich, eine einfache HTML-Seite so einzurichten, dass sie beim Laden auf eine andere Seite umgeleitet wird?

Question 2

Versuchen Sie es mit:

<meta http-equiv="refresh" content="0; url=http://example.com/" />

Hinweis: Legen Sie es in die <head> Sektion.

Zusätzlich für ältere Browser, wenn Sie einen Schnelllink hinzufügen, falls er nicht korrekt aktualisiert wird:

<p><a href="http://example.com/">Redirect</a></p>

Wird erscheinen als

Umleiten

So gelangen Sie immer noch mit einem zusätzlichen Klick dorthin, wo Sie hinwollen.

Question 3

Ich würde beide verwenden Metaund JavaScript-Code und hätte für alle Fälle einen Link.

<!DOCTYPE HTML>
<html lang="en-US">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="refresh" content="0; url=http://example.com">
        <script type="text/javascript">
            window.location.href = "http://example.com"
        </script>
        <title>Page Redirection</title>
    </head>
    <body>
        <!-- Note: don't tell people to `click` the link, just tell them that it is a link. -->
        If you are not redirected automatically, follow this <a href="http://example.com">link to example</a>.
    </body>
</html>

Der Vollständigkeit halber denke ich, dass der beste Weg, wenn möglich, die Verwendung von Serverumleitungen ist, also sende a 301 Statuscode. Das geht ganz einfach über .htaccess Dateien verwenden Apacheoder über zahlreiche Plugins mit WordPress. Ich bin mir sicher, dass es auch Plugins für alle wichtigen Content-Management-Systeme gibt. Außerdem hat cPanel eine sehr einfache Konfiguration für 301-Weiterleitungen, wenn Sie diese auf Ihrem Server installiert haben.

Question 4

JavaScript

<script type="text/javascript">
    window.location.href = "http://example.com";
</script>

Meta-Tag

<meta http-equiv="refresh" content="0;url=http://example.com">

Question 5

Ich würde zudem füge einen kanonischen Link hinzu, um dir zu helfen SEO Menschen:

<link rel="canonical" href="http://www.example.com/product.php?item=swedish-fish"/>

Question 6

Dies ist eine Zusammenfassung aller vorherigen Antworten sowie eine zusätzliche Lösung mit HTTP Refresh Header über .htaccess

HTTP-Aktualisierungsheader

Zunächst einmal können Sie mit .htaccess einen Refresh-Header wie diesen setzen
```
Header set Refresh "3"
```
Dies ist das “statische” Äquivalent zur Verwendung von header() Funktion ein PHP
```
header("refresh: 3;");
```
Beachten Sie, dass diese Lösung nicht von jedem Browser unterstützt wird.

JavaScript

Mit Stellvertreter URL:

<script>
    setTimeout(function(){location.href="http://example.com/alternate_url.html"} , 3000);
</script>

Ohne alternative URL:

<script>
    setTimeout("location.reload(true);",timeoutPeriod);
</script>

Verwendung der window Objekt:

<script>
    window.location.reload(true);
 </script>

Meta-Aktualisierung

Sie können die Metaaktualisierung verwenden, wenn Abhängigkeiten von JavaScript und Umleitungsheadern unerwünscht sind

Mit einer alternativen URL:
```
<meta http-equiv="Refresh" content="3; url=http://example.com/alternate_url.html">
```
Ohne alternative URL:
```
<meta http-equiv="Refresh" content="3">
```
Verwenden <noscript>:
```
<noscript>
    <meta http-equiv="refresh" content="3" />
</noscript>
```

Optional

Wie von Billy Moon empfohlen, können Sie einen Aktualisierungslink bereitstellen, falls etwas schief geht:

Falls Sie nicht automatisch weitergeleitet werden: <a href="http://example.com/alternat_url.html">Click here</a>

Ressourcen

Wikipedia-Meta-Aktualisierung

Die Leistungsauswirkung von META REFRESH
Eine Seite einmal mit jQuery aktualisieren (neu laden)?

Question 7

Wenn Sie sich darauf freuen, modernen Webstandards zu folgen, sollten Sie einfache HTML-Meta-Weiterleitungen vermeiden. Wenn Sie keinen serverseitigen Code erstellen können, sollten Sie wählen JavaScript-Umleitung stattdessen.

Um JavaScript-deaktivierte Browser zu unterstützen, fügen Sie eine HTML-Meta-Umleitungszeile zu a hinzu noscript Element. Die noscript verschachtelte Meta-Umleitung kombiniert mit der canonical Tag wird auch Ihren Suchmaschinen-Rankings helfen.

Wer Umleitungsschleifen vermeiden möchte, sollte die verwenden location.replace() JavaScript-Funktion.

Eine richtige Client-Seite URL-Umleitung Code sieht so aus (mit einem Internet Explorer 8 und niedrigeren Fix und ohne Verzögerung):

<!-- Pleace this snippet right after opening the head tag to make it work properly -->

<!-- This code is licensed under GNU GPL v3 -->
<!-- You are allowed to freely copy, distribute and use this code, but removing author credit is strictly prohibited -->
<!-- Generated by http://insider.zone/tools/client-side-url-redirect-generator/ -->

<!-- REDIRECTING STARTS -->
<link rel="canonical" href="https://stackoverflow.com/"/>
<noscript>
    <meta http-equiv="refresh" content="0; URL=https://stackoverflow.com/">
</noscript>
<!--[if lt IE 9]><script type="text/javascript">var IE_fix=true;</script><![endif]-->
<script type="text/javascript">
    var url = "https://stackoverflow.com/";
    if(typeof IE_fix != "undefined") // IE8 and lower fix to pass the http referer
    {
        document.write("redirecting..."); // Don't remove this line or appendChild() will fail because it is called before document.onload to make the redirect as fast as possible. Nobody will see this text, it is only a tech fix.
        var referLink = document.createElement("a");
        referLink.href = url;
        document.body.appendChild(referLink);
        referLink.click();
    }
    else { window.location.replace(url); } // All other browsers
</script>
<!-- Credit goes to http://insider.zone/ -->
<!-- REDIRECTING ENDS -->

Question 8

Das folgende Meta-Tag, das zwischen innerhalb des Kopfs platziert wird, weist den Browser an, umzuleiten:

<meta http-equiv="Refresh" content="seconds; url=URL">

Ersetzen Sie Sekunden durch die Anzahl der Sekunden, die gewartet werden soll, bevor umgeleitet wird, und ersetzen Sie URL durch die URL, zu der umgeleitet werden soll.

Alternativ können Sie mit JavaScript umleiten. Platzieren Sie dies innerhalb eines script-Tags irgendwo auf der Seite:

window.location = "URL"