Redireccionar de uma página HTML
25 answers
Tente usar:
<meta http-equiv="refresh" content="0; url=http://example.com/" />
Nota: coloque-o na secção da cabeça.
Adicionalmente para navegadores mais antigos se adicionar uma ligação rápida no caso de não actualizar correctamente:
<p><a href="http://example.com/">Redirect</a></p>
Aparecerá como
Isto ainda lhe permitirá chegar ao seu destino com um clique adicional.Eu usaria tanto meta , e código JavaScript e teria uma ligação só para o caso.
<!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>
Para completar, acho que a melhor maneira, se possível, é usar redirectos do servidor, por isso envie um 301 código de situação. Isso é fácil de fazer através de arquivos .htaccess
usando Apache , ou através de vários plugins usando WordPress . Estou certo de que também existem plugins para todos os principais sistemas de gestão de conteúdo. Além disso, o cPanel tem uma configuração muito fácil para o 301. redirecciona se tiver isso instalado no seu servidor.
JavaScript
<script language="javascript">
window.location.href = "http://example.com"
</script>
Meta tag
<meta http-equiv="refresh" content="0;url=http://example.com">
Eu tambémadicionaria uma ligação canónica para ajudar as tuas pessoas:
<link rel="canonical" href="http://www.example.com/product.php?item=swedish-fish"/>
Esta é uma soma de todas as respostas anteriores mais uma solução adicional usando o cabeçalho HTTP Refresh via .htaccess
1. Actualizar o cabeçalho de HTTP
Em primeiro lugar, podes usar .htaccess para definir um cabeçalho de actualização como este
Header set Refresh "3"
Este é o equivalente "estático" de usar a função header()
emPHP
header("refresh: 3;");
Note que esta solução não é suportada por todos os navegadores.
2. JavaScript
<script>
setTimeout(function(){location.href="http://example.com/alternate_url.html"} , 3000);
</script>
Sem um URL alternativo:
<script>
setTimeout("location.reload(true);",timeoutPeriod);
</script>
Via jQuery:
<script>
window.location.reload(true);
</script>
3. Actualização Do Meta
Pode usar a actualização do meta quando as dependências do JavaScript e os cabeçalhos de redireccionamento são indesejados
Com um URL alternativo:
<meta http-equiv="Refresh" content="3; url=http://example.com/alternate_url.html">
Sem um URL alternativo:
<meta http-equiv="Refresh" content="3">
Utilizar <noscript>
:
<noscript>
<meta http-equiv="refresh" content="3" />
</noscript>
Opcionalmente
Como recomendado por Billy Moon, você pode fornecer um link de atualização no caso de algo correr mal:Se não for redireccionado automaticamente: <a href='http://example.com/alternat_url.html'>Click here</a>
Recursos
A seguinte meta tag, colocada entre a cabeça, irá dizer ao navegador para redireccionar:
<meta http-equiv="Refresh" content="seconds; url=URL">
Substitua os segundos pelo número de segundos para esperar antes de redireccionar, e substitua o URL pelo URL para o qual deseja redireccionar.
Alternativamente, você pode redirecionar com JavaScript. Coloque isto dentro de uma marca de programa em qualquer parte da Página:
window.location = "URL"
Seria melhor configurar um 301 redirect . Veja o artigo do Webmaster Tools do Google301 redirects.
Se você está ansioso para seguir os padrões modernos da web, você deve evitar redirecionamentos HTML simples. Se não conseguir criar o código do lado do servidor, deverá escolher JavaScript redireccionar em vez disso.
Para suportar navegadores desactivados pelo JavaScript, adicione uma linha de redireccionamento HTML para um elemento noscript
. O noscript
redireccionamento Meta aninhado combinado com a marca canonical
irá ajudar o seu ranking do motor de busca também.
Se quiser evitar redireccionar os laços, deve usar o location.replace()
Função JavaScript.
Um cliente adequado URL redirect o código parece-se com este (com um Internet Explorer 8 e fix inferior e sem demora):
<!-- 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 -->
Você poderia usar um META "redireccionar":
<meta http-equiv="refresh" content="0; url=http://new.example.com/address" />
Ou JavaScript redirect (note que nem todos os utilizadores têm o JavaScript activo, por isso prepare sempre uma solução de salvaguarda para eles)
<script language="javascript">
window.location = "http://new.example.com/address";
</script>
Mas prefiro recomendar a utilização de mod_ reescrever , se tiver a opção.
init
é disparada e a página é redireccionada:
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
<script>
function init()
{
window.location.href = "www.wherever.com";
}
</script>
</head>
<body onload="init()">
</body>
</html>
Coloque o seguinte código entre as marcas
e do seu código HTML:<meta HTTP-EQUIV="REFRESH" content="0; url=http://example.com/index.html">
O código de redirecionamento HTML acima irá redirecionar seus visitantes para outra página web instantaneamente. O content="0;
pode ser alterado para o número de segundos que deseja que o navegador espere antes de redirecionar.
Coloque o seguinte código na secção <head>
:
<meta http-equiv="refresh" content="0; url=http://address/">
Eu encontrei um problema ao trabalhar com uma jQuery Mobile aplicação, onde, em alguns casos, a minha Meta tag de cabeçalho não iria conseguir um redirecionamento corretamente (jQuery Mobile não ler cabeçalhos automaticamente para cada página de modo a colocar o JavaScript lá também é ineficaz a menos que envolvendo-a em complexidade). Eu encontrei a solução mais fácil neste caso era colocar o redirecionamento JavaScript diretamente no corpo do documento, como segue:
<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>
Isto parece funcionar em todos os casos. por mim.
A maneira simples que funciona para todos os tipos de páginas é apenas adicionar uma etiqueta meta
na cabeça:
<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>
Devias usar JavaScript. Coloque o seguinte código nas etiquetas de cabeça:
<script type="text/javascript">
window.location.assign("http://www.example.com")
</script>
Pode redireccionar automaticamente pelo código de situação HTTP 301 ou 302.
Para o PHP:
<?php
Header("HTTP/1.1 301 Moved Permanently");
Header("Location: http://www.redirect-url.com");
?>
Só para uma boa medida:
<?php
header("Location: [email protected]", TRUE, 303);
exit;
?>
Certifique-se de que não há eco por cima do script caso contrário ele será ignorado. http://php.net/manual/en/function.header.php
Motor de barbear para um atraso de 5 segundos:
<meta http-equiv="Refresh"
content="5; [email protected]("Search", "Home", new { id = @Model.UniqueKey }))">
<!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>
Basta usar o evento onload da etiqueta:
<body onload="window.location = 'http://example.com/'">
Uso um script que redirecciona o utilizador do Índice.html para a Página de autenticação
<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>
<head>
da página HTML:
<meta http-equiv="refresh" content="0; url=example.com" />
Assim que a página carregar em 0 segundos, pode ir para a sua página.
replace
:
<script>
window.location.replace("http://example.com");
</script>
Esta é uma solução de redireccionamento com tudo o que eu queria, mas não consegui encontrar num excerto limpo para cortar e colar.
Este trecho tem uma série de Vantagens:
- permite-te apanhar e reter qualquer params de querystring que as pessoas tenham no seu url
- Faz A ligação unqiue para evitar cache indesejado
- permite-lhe informar os utilizadores dos nomes antigos e novos do site
- mostra uma contagem decrescente
- pode ser usado para redirecções de ligações profundas como retém params
Como utilizar:
Se você migrou um site inteiro, em seguida, no antigo servidor parar o site original e criar outro com este arquivo como o índice padrão.ficheiro html na pasta de topo. Edite a configuração do site para que qualquer erro 404 seja redirecionado para este índice.página html. Isto captura qualquer um que acessa o site antigo com um link em uma página sub-nível etc.
Agora vá para a etiqueta de abertura do script e edite os endereços web do oldsite e do newSite, e mude o o valor dos segundos é o necessário.
Salve e inicie o seu site. Trabalho feito, tempo para um café.
<!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> 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>
Utilizar este código:
<meta http-equiv="refresh" content="0; url=https://google.com/" />
Por favor, prestem atenção.: põe na etiqueta da cabeça.