Przekierowanie w HTML na inną stronę można w prosty sposób zrobić za pomocą tagów META w sekcji <head> pliku.
Jeśli strona ma nie mieć żadnych informacji, tylko samo przekierowanie, plik (.html) będzie wyglądać tak:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
<head>
<meta http-equiv="refresh" content="0; url=https://www.kz1.pl">
</head>
<body>
</body>
</html>
W znaczniku content podaje się ilość sekund, po których przekierowanie ma nastąpić. W powyższym przykładzie jest ustawione na 0, więc przekierowanie nastąpi natychmiastowo, gdy ktoś wejdzie w ten plik.
Warto mieć też na uwadze, że takie przekierowanie można zrobić bezpośrednio w panelu serwera, pod warunkiem że przekierowanie ma się odbywać z głównej domeny do innej lokalizacji. Oczywiście pod warunkiem że dany hosting posiada taką opcję.
Przekierowanie na inną stronę po 5 sekundach
Czasami zdarza się, że zmieniamy adres strony internetowej na inną i istnieje potrzeba przekierowania odwiedzających na nową lokalizację.
Jeśli chcemy poinformować o tym fakcie internautów, to możemy stworzyć tymczasową stronę, która będzie informowała ich o przenosinach strony i automatycznie przekierowywała na nową stronę po np. 5 sekundach.
Poniżej kod strony w HTML, który należy wkleić w tymczasową stronę:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Przekierowanie na nowy adres</title>
<script type="text/javascript">
function zmienStrone()
{
location.replace("http://nowastrona.pl/nowa.html");
}
setTimeout("zmienStrone();", 5000);
</script>
</head>
<body>
<p style="text-align:center"> Strona została przeniesiona
pod nowy adres: http://nowastrona.pl/nowa.html <br />
Za 5 sekund nastąpi przekierowanie.</p>
</body>
</html>
Oczywiście powyższy kod jest przykładowy i należy przerobić go pod swoje potrzeby.
Można również wydłużyć czas, po którym automatycznie skrypt w js przekieruje na nowy adres. Odpowiedzialna za to jest ta linijka kodu:
setTimeout("zmienStrone();", 5000);
Funkcja setTimeout jest mierzona w milisekundach, gdzie 1 s = 1000 ms
