Redirection à partir d'une page HTML

Est-il possible de mettre en place une base en HTML de la page de redirection vers une autre page sur la charge?

Suivre les standards du web modernes et d'offrir une fonctionnalité de navigateur, je préfère utiliser cette avancée rediriger générateur
Utiliser .htaccess ou équivalent IIS faire une redirection côté serveur. De cette façon, même si votre page physique disparaît, la redirection fonctionne toujours.
initié.zone/outils/côté client-l'url de redirection en-générateur Est un petit outil qui assure la compatibilité.
Que d'initié.zone d'outil de mon redirige tous les cas, causer une erreur 404. En Plus il n'y a aucun moyen de contacter celui qui a fait la page à ce sujet.

InformationsquelleAutor chobo | 2011-03-23

2065

Essayez d'utiliser:
```
<meta http-equiv="refresh" content="0; url=http://example.com/" />
```
Remarque: Placez-le dans la section d'en-tête.

En outre, pour les anciens navigateurs, si vous ajoutez un lien rapide dans le cas où il n'a pas d'actualiser correctement:

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

Apparaît comme

Redirection

Cela va vous permettre d'obtenir à l'endroit où vous allez avec un clic supplémentaire.
- Utilisation de meta refresh est découragé par le World Wide Web Consortium (W3C). Ref: en.wikipedia.org/wiki/Meta_refresh. Donc, il est recommandé d'utiliser le serveur de redirection à la place. JavaScript redirige peut ne pas fonctionner sur tous les téléphones mobiles que le JavaScript peut être désactivé.
- vérifiez la réponse par Alex K, également de php header et nodejs' response.writeHead
- Pour info, le 0 moyens pour se rafraîchir après 0 secondes. Voulez-vous donner à l'utilisateur plus de temps pour savoir ce qui se passe.
- Draper, qui dépend du serveur que vous êtes en cours d'exécution
- J'ai ajouté la balise de fermeture à l'égard de la XHTML5 cahier des charges.
- commentaires du fait de l'actualisation des métafichiers sembler une redirection JavaScript. Meta refresh est pas JS et va encore fonctionner si le JS est désactivé.
- Mon JS commentaire est une phrase différente. Aussi, l'âge a changé trop vite. Maintenant, presque tous les appareils mobiles de soutien JS.
- Pouvez-vous consulter l'édition de révisions et de voir si il ya quelque chose que vous aimeriez changer?
- déconseillé pour l'actualisation ("depuis inattendue d'actualisation peut désorienter les utilisateurs"), mais la question est à propos de la redirection.
- Vous pouvez utiliser à la fois comme Google n'quand ils veulent cacher référent de moteur de recherche. Et je tiens à mettre en œuvre la même chose pour mon service de raccourcissement d'URL comme option.
- le url= peut également être une url locale (il suffit de sauter " http://`) tout à fait utile.
- Voici une autre page où le W3C décourage meta refresh: Utiliser les redirections: ne pas briser le bouton de retour! .
- Au lieu d'obtenir un écran blanc, j'ai mis une photo du site, vous êtes redirigé vers 😀 Sur un autre site, j'ai redirigé vers home.php à partir de index.php j'ai donc did <?php include("home.php") ?>
- Dennis, je pense que l'utilisateur aura une meilleure idée de ce qui se passe sans retard, ils ont probablement juste cliqué sur un lien ou similaire, donc ce qui se passe, c'est que son chargement. Ils n'ont pas de savoir qu'une redirection est impliqué. Je pense qu'il serait plus à confusion si il charge, puis il y a un retard, et puis quelque chose se passe.
- Peut l'URL est relative?
- oui, il peut
- les plaçant à l'intérieur d'un dossier à l'intérieur d'un simple fichier html et en l'appelant index.html créer une sorte de redirection... au moins vous n'avez pas à ajouter de tout ".code html" à la fin...
- 0 secondes est très bien, l'utilisateur ne se soucie pas de qui il est redirigé, ils ne veulent pas le savoir.
InformationsquelleAutor Valerij
1071

Je voudrais utiliser deux méta, et code JavaScript et aurait un lien juste au cas où.
```
<!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>
        
        If you are not redirected automatically, follow this <a href='http://example.com'>link to example</a>.
    </body>
</html>
```
Pour être complet, je pense que le meilleur moyen, si possible, d'utiliser des redirections de serveur, donc envoyer un Trois cent un code d'état. C'est facile à faire via .htaccess fichiers à l'aide de Apache, ou via de nombreux plug-ins à l'aide de WordPress. Je suis sûr qu'il existe aussi des plugins pour tous les principaux systèmes de gestion de contenu. Aussi, cPanel est très facile de configuration pour les redirections 301 si vous avez installé sur votre serveur.
- Cette page de redirection peut être beaucoup plus concis avec HTML5: pastebin.com/2qmfUZMk (qui fonctionne dans tous les navigateurs, et passe la validation w3c)
- Je ne suis pas un grand fan de l'abandon de la body balises et la comme. Peut-être qu'il valide, et peut-être des œuvres dans les navigateurs les plus courants. Je suis sûr qu'il y a frange cas, il provoque des problèmes, et le bénéfice semble petit.
- Pourquoi ne devrions-nous pas dire à l'utilisateur de Cliquer sur le lien?
- parce qu'ils pourraient ne pas être en cliquant sur. Ils pourraient être le contrôle par la voix, en appuyant sur, ou de naviguer dans certains manière inconnue. Il est l'accessibilité à la ligne de conduite à suivre les normes pour les contrôles, comme l'utilisation de la norme HTML UN attribut pour le lien, et pour penser à elle, et de communiquer comme un lien, et de ne pas prescrire la façon dont quelqu'un doit interagir avec elle. Aussi, après avoir click here sur un lien n'est pas conseillé, car le lecteur d'écran sera plus difficile à naviguer. Des liens devraient être sur le texte décrivant la destination, de sorte que l'utilisateur sait où ils vont arriver avant le suivent, et cependant ils interagissent avec elle.
- Il y a 3 différents "maillons" dans cet exemple. Est-il possible de créer une page comme ça, où tous les trois sont relatifs à la place des liens absolus?
- En fait le sens de "clic" a déjà été définie pour inclure toutes ces significations ainsi. "cliquez sur" fera l'affaire.
- Vous ne pouvez pas utiliser 301 avec les autres méthodes! Tout d'abord, la page html ne sera pas envoyé si le serveur envoie un 301, il est donc envoyé à la place de la page. Ensuite, les clients ignorent tout code html si elles reçoivent une redirection 301.
- en vertu de ce que des circonstances occasionnelles le navigateur ignorer la valeur 0 meta refresh? Merci!
- Bonjour! comment puis-je faire le lien s'ouvre dans une autre page?
- pour les anciens navigateurs utilisation: <script type="text/javascript">  </script>Ayant le code javascript dans un commentaire html empêche d'être rendu, ce qui semble bâclée.
- quel âge sommes-nous en parler ici..?
- Très vieux. Certains navigateurs que strictement conforme à xhtml ne fonctionne pas avec qui. Vous pouvez utiliser <script type="text/javascript"><[CDATA[//><]]></script>. Bâclée à la recherche des premières lignes de JavaScript sont mieux que sans soin de rendu javascript tous sur la place, à mon avis(d'autres pourraient être en désaccord, ou de dire les vieux navigateurs ne doit pas être utilisé de toute façon).
- Ça me rappelle une blague où une personne a acheté 2 billets dans le cas 1 est perdu, et puis il avait déjà le pass annuel, juste au cas où il a perdu les deux
- Je surroung la méta trucs avec balise noscript, juste pour être sûr qu'il n'est utilisé que si le javascript est désactivé.
- Pour la postérité, le moment de la Stack Overflow ranks #2 for Google Search for "Stack Overflow": news.ycombinator.com/item?id=5311151
- ^ C'est incroyable. Pour quelqu'un avenir édification, peut-être: j'ai exporté miroir local de certains contenus arbres, à partir d'un outil qui écrit éparses index.html redirection wrappers lors de la mise en miroir des fichiers texte, et juste eu à écrire un script pour remplacer <meta http-equiv-"refresh" ...> balises avec l'équivalent JavaScript window.location= script dans tous les index.html wrapper, car il semble que Firefox à un certain point cessé de respecter <meta http-equiv-"refresh"> balises dans file:/// documents. La redirection JavaScript fonctionne toujours très bien.
InformationsquelleAutor Billy Moon

117

JavaScript

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

De la balise Meta

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

InformationsquelleAutor amit_g

39

Je aussi ajouter un lien canonique pour aider votre SEO personnes:
```
<link rel="canonical" href="http://www.example.com/product.php?item=swedish-fish"/>
```
- Vous pouvez utiliser un lien canonique en plus d'une redirection? en.wikipedia.org/wiki/Canonical_link_element dit que Google préfère utiliser une redirection au lieu de un lien canonique.
- Donc, ce que plus important pour le RÉFÉRENCEMENT, c'est le lien de redirection ou de destination finale page?
- Voir: Quand Devriez-Vous Choisir Canonique vs Redirection 301?
InformationsquelleAutor lrkwz
29

C'est une somme de toutes les réponses précédentes en plus d'une solution à l'aide de HTTP Actualisation d'en-Tête via .htaccess

1. HTTP Actualisation de l'en-Tête

Tout d'abord, vous pouvez utiliser .htaccess pour définir une actualisation de l'en-tête comme ce
```
Header set Refresh "3"
```
C'est le "statique" équivalente à l'utilisation de la header() fonction dans PHP
```
header("refresh: 3;");
```
Noter que cette solution n'est pas supporté par tous les navigateurs.

2. JavaScript

Avec un autre URL:
```
<script>
    setTimeout(function(){location.href="http://example.com/alternate_url.html"} , 3000);
</script>
```
Sans une autre URL:
```
<script>
    setTimeout("location.reload(true);",timeoutPeriod);
</script>
```
Via jQuery:
```
<script>
    window.location.reload(true);
</script>
```
3. Meta Refresh

Vous pouvez utiliser de meta refresh quand dépendances sur JavaScript et rediriger les en-têtes sont indésirables

Avec une autre URL:
```
<meta http-equiv="Refresh" content="3; url=http://example.com/alternate_url.html">
```
Sans une autre URL:
```
<meta http-equiv="Refresh" content="3">
```
À l'aide de <noscript>:
```
<noscript>
    <meta http-equiv="refresh" content="3" />
</noscript>
```
Éventuellement

Comme recommandé par Billy Lune, vous pouvez fournir un lien d'actualisation dans le cas où quelque chose se passe mal:

Si vous n'êtes pas redirigé automatiquement: <a href='http://example.com/alternat_url.html'>Click here</a>

Ressources
- Votre "Via jQuery" exemple n'utilise pas jQuery.
- Ne pas appeler setTimeout avec une chaîne. Passer une fonction à la place.
- "HTTP Actualisation d'en-Tête via .htaccess" - pourquoi il est pertinent dans la question portant sur la redirection de la page HTML?
InformationsquelleAutor RafaSashi
27

La balise meta suivante, placée entre l'intérieur de la tête, dira le navigateur pour rediriger:
```
<meta http-equiv="Refresh" content="seconds; url=URL"> 
```
Remplacer secondes avec le nombre de secondes à attendre avant de redirections, et remplacer l'URL par l'URL que vous souhaitez rediriger vers.

Alternativement, vous pouvez effectuer une redirection en JavaScript. Place à l'intérieur d'une balise de script n'importe où sur la page:
```
window.location = "URL"
```
InformationsquelleAutor Peter Olson
26

Il serait préférable de définir un Redirection 301. Voir les Outils du Webmaster de Google de l'article Des redirections 301.
- La question en fait la demande, un basic .la page html. Je suppose que le demandeur ne peut pas le modifier .htaccess ou similaires (par exemple l'utilisation de Github Pages ou de même limitée de hébergement). 301 n'est pas faisable dans de tels cas
InformationsquelleAutor Alex K

Si vous êtes impatient de suivre les standards du web modernes, vous devriez éviter de plaine HTML meta redirections. Si vous ne pouvez pas créer de code côté serveur, vous devez choisir de redirection JavaScript à la place.

À l'appui de JavaScript désactivé navigateurs ajouter un HTML meta rediriger ligne à un noscript élément. Le noscript imbriquée méta rediriger combiné avec le canonical tag aidera votre classement des moteurs de recherche ainsi.

Si vous souhaitez éviter les boucles de redirection, vous devez utiliser le location.replace() fonction JavaScript.

Un bon côté client URL de redirection code ressemble à ceci (avec un Internet Explorer 8 et inférieur de fixer et sans retard):

<!-- 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 -->

w3.org/TR/WCAG10-HTML-TECHS/#meta-element comprend des détails sur le pourquoi <meta http-equiv="refresh" est désapprouvée par le W3C.

InformationsquelleAutor Patartics Milán

17

Vous pouvez utiliser un MÉTA "rediriger":
```
<meta http-equiv="refresh" content="0; url=http://new.example.com/address" />
```
ou JavaScript redirection (à noter que tous les utilisateurs ont le JavaScript afin de toujours préparer une solution de sauvegarde pour eux)
```
<script language="javascript">
  window.location = "http://new.example.com/address";
</script>
```
Mais je préfère vous recommandons d'utiliser mod_rewrite, si vous en avez la possibilité.
- mod_rewrite (seulement) s'applique à Apache.
- Concernant Apache: Pourquoi mod_rewrite et non pas une simple Redirection de la directive et sans module supplémentaire?
InformationsquelleAutor Czechnology

Dès que le chargement de la page, le init fonction est tiré et que la page est redirigée:

<!DOCTYPE html>
<html>
    <head>
        <title>Example</title>
        <script>
            function init()
            {
               window.location.href = "www.wherever.com";
            }
        </script>
    </head>

    <body onload="init()">
    </body>
</html>

InformationsquelleAutor kkk

10

Placez le code suivant entre le <HEAD> et </HEAD> balises du code HTML:
```
<meta HTTP-EQUIV="REFRESH" content="0; url=http://example.com/index.html">
```
Le HTML ci-dessus code de redirection pour rediriger vos visiteurs vers une autre page web instantanément. Le content="0; peut être changé pour le nombre de secondes que vous souhaitez que le navigateur attendre avant de la rediriger.

InformationsquelleAutor Muhammad Saqib
9

Placez le code suivant dans le <head> section:
```
<meta http-equiv="refresh" content="0; url=http://address/">
```
InformationsquelleAutor Sebi
9

J'ai trouvé un problème en travaillant avec un jQuery Mobile application, où, dans certains cas, mes Meta balise d'en-tête ne serait pas obtenir une redirection correctement (jQuery Mobile ne prend pas de lire les en-têtes automatiquement chaque page afin de mettre en JavaScript il est également inutile, à moins que l'enveloppant dans de la complexité). J'ai trouvé la solution la plus simple dans ce cas est de mettre la redirection JavaScript directement dans le corps du document, comme suit:
```
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="refresh" content="0;url=myURL" />
    </head>

    <body>
        <p>You are not logged in!</p>
        <script language="javascript">
            window.location = "myURL";
        </script>
    </body>
</html>
```
Cela semble fonctionner dans tous les cas pour moi.

InformationsquelleAutor Scotsman

La manière la plus simple qui fonctionne pour tous les types de pages, c'est juste pour ajouter un meta balise dans la tête:

<html>
    <head>
        ...
        <meta HTTP-EQUIV="REFRESH" content="seconds; url=your.full.url/path/filename">
        ...
    </head>
    <body>
        Don't put much content, just some text and an anchor.
        Actually, you will be redirected in N seconds (as specified in content attribute).
        That's all.
        ...
    </body>
</html>

InformationsquelleAutor P. BANERJEE

7

Vous devez utiliser JavaScript. Placez le code suivant dans votre tête tags:
```
<script type="text/javascript">
 window.location.assign("http://www.example.com")
</script>
```
- Ou, peut-être... location='http://example.com'
InformationsquelleAutor kriscross07
7

Vous pouvez redirection automatique par Code d'État HTTP 301 ou 302.

Pour PHP:
```
<?php
    Header("HTTP/1.1 301 Moved Permanently");
    Header("Location: http://www.redirect-url.com");
?>
```
- Ce n'est pas une redirection à partir d'une page HTML.
InformationsquelleAutor Vô Vị
6

Pour faire bonne mesure:
```
<?php
header("Location: [email protected]", TRUE, 303);
exit;
?>
```
Assurez-vous il n'y a pas d'écho au-dessus du script sinon elle sera ignorée.
http://php.net/manual/en/function.header.php
- La question en fait la demande, un basic .la page html. Je suppose que le demandeur ne peut pas le modifier .htaccess ou similaires (par exemple l'utilisation de Github Pages ou de même limitée de hébergement). PHP n'est pas disponible dans de tels cas.
- Je le considère comme quelque chose généré par PHP (Pre Hypertext Processor) une base "page HTML". Nulle part dans la question ne mentionne pas un type de fichier.
InformationsquelleAutor Edward
6

Suffit d'utiliser l'événement onload de la balise body:
```
<body onload="window.location = 'http://example.com/'">
```
InformationsquelleAutor pat capozzi
6

J'utilise un script qui redirige l'utilisateur de index.html à la Page de Connexion
```
<html>
  <head>
    <title>index.html</title>
  </head>
  <body onload="document.getElementById('lnkhome').click();">
    <a href="/Pages/Login.aspx" id="lnkhome">Go to Login Page<a>
  </body>
</html>
```
- Url de redirection dans la méthode ci-dessus ne peut être que relative. e.g: vous souhaitez rediriger vers la page de Connexion ou de tout autre parent de la page par index.html dans la racine du site web. n'avez pas besoin de connaître votre nom de domaine. mais lorsque vous définissez la fenêtre.emplacement.href="xxx"; vous devez connaître le nom de domaine.
InformationsquelleAutor Zolfaghari

Moteur de rasoir pour un retard de 5 secondes:

<meta http-equiv="Refresh"
         content="5; [email protected]("Search", "Home", new { id = @Model.UniqueKey }))">

Ce n'est pas une redirection d'une page HTML.

InformationsquelleAutor JoshYates1980

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Redirect to a page</title>
    </head>
    <body onload="window.location.assign('http://example.com')">

    </body>
</html>

InformationsquelleAutor Pirate of Marmara

4

Vous n'avez pas besoin de tout code JavaScript pour cela. Écrire cela dans le <head> section de la page HTML:
```
<meta http-equiv="refresh" content="0; url=example.com" />
```
Dès que la page se charge en 0 secondes, vous pouvez aller à votre page.
- ce sujet est déjà traité dans la accepté de répondre à & top des commentaires - envisager la modification de la réponse plutôt que de poster un doublon d'un
InformationsquelleAutor Yash Jain
3

Comme je le comprends, toutes les méthodes que j'ai vu jusqu'à présent, pour cette question, semblent ajouter à l'ancien emplacement de l'histoire. Pour rediriger la page, mais n'ont pas l'ancien emplacement dans l'histoire, j'utilise le replace méthode:
```
<script>
    window.location.replace("http://example.com");
</script>
```
InformationsquelleAutor Paul Ogilvie

C'est une redirection solution avec tout ce que je voulais, mais ne pouvait pas trouver dans un agréable et très propre extrait de couper & coller.

Cet extrait a un certain nombre d'avantages:

vous permet de prendre et de garder tout querystring params gens ont sur leur url
fait le lien unqiue pour éviter la mise en cache
permet d'informer les utilisateurs de l'ancien et du nouveau site noms
affiche un compte à rebours réglable
peut être utilisé pour créer des liens de redirections que conserve params

Comment utiliser:

Si vous avez migré l'ensemble d'un site, puis sur l'ancien serveur arrêter le site d'origine et créer un autre avec ce fichier en tant que par défaut index.html fichier dans le dossier racine. Modifier les paramètres du site, de sorte que toute erreur 404 est redirigé vers cette index.html page. Cet attrape toute personne qui accède à l'ancien site, avec un lien vers une sous-page de niveau etc.

Maintenant, allez à la balise script d'ouverture et modifier la oldsite et newSite adresses web, et de modifier la valeur des secondes en tant que de besoin.

Enregistrer et démarrer votre site web. Travail - le temps pour un café.

HTML:

<!DOCTYPE html>
<html>
<head>
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
<META HTTP-EQUIV="EXPIRES" CONTENT="Mon, 22 Jul 2002 11:12:01 GMT">
<style>
body { margin: 200px; font: 12pt helvetica; }
</style>
</head>
<body>
</body>
<script type="text/javascript">
//Edit these to suit your needs.
var oldsite = 'http://theoldsitename.com'
var newSite = "https://thenewsitename.com";
var seconds = 20;  //countdown delay.
var path = location.pathname;
var srch = location.search;
var uniq = Math.floor((Math.random() * 10000) + 1);
var newPath = newSite + path + (srch === '' ? "?" + uniq : srch + "&" + uniq); 
document.write ('<p>As part of hosting improvements, the system has been migrated from ' + oldsite + ' to</p>');
document.write ('<p><a href="' + newPath + '">' + newSite + '</a></p>');
document.write ('<p>Please take note of the new website address.</p>');
document.write ('<p>If you are not automatically redirected please click the link above to proceed.</p>');
document.write ('<p id="dvCountDown">You will be redirected after <span id = "lblCount"></span>&nbsp;seconds.</p>');
function DelayRedirect() {
var dvCountDown = document.getElementById("dvCountDown");
var lblCount = document.getElementById("lblCount");
dvCountDown.style.display = "block";
lblCount.innerHTML = seconds;
setInterval(function () {
seconds--;
lblCount.innerHTML = seconds;
if (seconds == 0) {
dvCountDown.style.display = "none";
window.location = newPath;
}
}, 1000);
}
DelayRedirect()
</script>
</html>

InformationsquelleAutor Vanquished Wombat

0

Utiliser ce code:
```
<meta http-equiv="refresh" content="0; url=https://google.com/" />
```
Attention: le mettre dans la balise head.
- Je ne sais pas pourquoi ma réponse downvote deux fois? il fonctionne correctement
InformationsquelleAutor AmerllicA
0

Vous pouvez le faire en javascript:
```
location = "url";
```
InformationsquelleAutor GameMaster1928

Vous devez vous connecter pour publier un commentaire.