Redirect from an HTML page

Question

Is it possible to set up a basic HTML page to redirect to another page on load

User · Answer

If you are looking forward to follow modern web standards, you should avoid plain HTML meta redirects. If you can not create server-side code, you should choose JavaScript redirect instead.

To support JavaScript-disabled browsers add a HTML meta redirect line to a noscript element. The noscript nested meta redirect combined with the canonical tag will help your search engine rankings as well.

If you would like to avoid redirect loops, you should use the location.replace() JavaScript function.

A proper client-side URL redirect code looks like this (with an Internet Explorer 8 and lower fix and without delay):

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

User · Answer

I would use both meta  and JavaScript code and would have a link just in case    lt  DOCTYPE HTML gt   lt html lang  en-US  gt       lt head gt           lt meta charset  UTF-8  gt           lt meta http-equiv  refresh  content  0  url http   example com  gt           lt script type  text javascript  gt              window location href    http   example com           lt  script gt           lt title gt Page Redirection lt  title gt       lt  head gt       lt body gt           lt  -- Note  don t tell people to  click  the link  just tell them that it is a link  -- gt          If you are not redirected automatically  follow this  lt a href  http   example com  gt link to example lt  a gt        lt  body gt   lt  html gt    For completeness  I think the best way  if possible  is to use server redirects  so send a 301 status code  This is easy to do via  htaccess files using Apache  or via numerous plugins using WordPress  I am sure there are also plugins for all the major content management systems  Also  cPanel has very easy configuration for 301 redirects if you have that installed on your server

User · Answer

As far as I understand them  all the methods I have seen so far for this question seem to add the old location to the history  To redirect the page  but do not have the old location in the history  I use the replace method    lt script gt      window location replace  http   example com     lt  script gt

User · Answer

You don t need any JavaScript code for this  Write this in the  lt head gt  section of the HTML page    lt meta http-equiv  refresh  content  0  url example com    gt    As soon as the page loads at 0 seconds  you can go to your page

User · Answer

You should use JavaScript  Place the following code in your head tags    lt script type  text javascript  gt   window location assign  http   www example com    lt  script gt

User · Answer

You can do it in javascript  location    quot url quot

User · Answer

I would also add a canonical link to help your SEO people    lt link rel  canonical  href  http   www example com product php item swedish-fish   gt

User · Answer

As soon as the page loads  the init function is fired and the page is redirected    lt  DOCTYPE html gt   lt html gt       lt head gt           lt title gt Example lt  title gt           lt script gt              function init                                window location href    www wherever com                          lt  script gt       lt  head gt        lt body onload  init    gt       lt  body gt   lt  html gt

User · Answer

I found a problem while working with a jQuery Mobile application  where in some cases my Meta header tag wouldn t achieve a redirection properly  jQuery Mobile doesn t read headers automatically for each page so putting JavaScript there is also ineffective unless wrapping it in complexity   I found the easiest solution in this case was to put the JavaScript redirection directly into the body of the document  as follows    lt html gt       lt head gt           lt meta http-equiv  Content-Type  content  text html  charset utf-8    gt           lt meta http-equiv  refresh  content  0 url myURL    gt       lt  head gt        lt body gt           lt p gt You are not logged in  lt  p gt           lt script language  javascript  gt              window location    myURL            lt  script gt       lt  body gt   lt  html gt    This seems to work in every case for me

User · Answer

The simple way which works for all types of pages is just to add a meta tag in the head    lt html gt       lt head gt                       lt meta HTTP-EQUIV  REFRESH  content  seconds  url your full url path filename  gt                   lt  head gt       lt body gt          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                   lt  body gt   lt  html gt

User · Answer

Try using    lt meta http-equiv  refresh  content  0  url http   example com     gt    Note  Place it in the head section   Additionally for older browsers if you add a quick link in case it doesn t refresh correctly    lt p gt  lt a href  http   example com   gt Redirect lt  a gt  lt  p gt   Will appear as   Redirect  This will still allow you to get to where you re going with an additional click

User · Answer

Place the following code between the  lt HEAD  and  lt  HEAD  tags of your HTML code    lt meta HTTP-EQUIV  REFRESH  content  0  url http   example com index html  gt    The above HTML redirect code will redirect your visitors to another web page instantly  The content  0  may be changed to the number of seconds you want the browser to wait before redirecting

User · Answer

This is a redirect solution with everything I wanted but could not find in a nice clean snippet to cut  amp  paste    This snippet has a number of advantages     lets you catch and retain any querystring params folks have on their url  makes the link unqiue to avoid unwanted caching   lets you inform users of the old and new site names  shows a settable countdown can be used for deep-link redirects as retains params   How to use   If you migrated an entire site then on the old server stop the original site and create another with this file as the default index html file in the root folder  Edit the site settings so that any 404 error is redirected to this index html page  This catches anyone who accesses the old site with a link into a sub-level page etc   Now go to the opening script tag and edit the oldsite and newSite web addresses  and change the seconds value as needed   Save and start your website  Job done - time for a coffee    x000D   x000D   lt  DOCTYPE html gt  x000D   lt html gt  x000D   lt head gt  x000D   lt META HTTP-EQUIV  CACHE-CONTROL  CONTENT  NO-CACHE  gt  x000D   lt META HTTP-EQUIV  PRAGMA  CONTENT  NO-CACHE  gt  x000D   lt META HTTP-EQUIV  EXPIRES  CONTENT  Mon  22 Jul 2002 11 12 01 GMT  gt  x000D   lt style gt  x000D  body   margin  200px  font  12pt helvetica    x000D   lt  style gt  x000D   x000D   lt  head gt  x000D   lt body gt  x000D   x000D   lt  body gt  x000D   lt script type  text javascript  gt  x000D   x000D     Edit these to suit your needs  x000D  var oldsite    http   theoldsitename com  x000D  var newSite    https   thenewsitename com   x000D  var seconds   20      countdown delay  x000D   x000D  var path   location pathname  x000D  var srch   location search  x000D  var uniq   Math floor  Math random     10000    1   x000D  var newPath   newSite   path    srch                uniq   srch     amp     uniq    x000D   x000D   x000D  document write    lt p gt As part of hosting improvements  the system has been migrated from     oldsite     to lt  p gt     x000D  document write    lt p gt  lt a href      newPath      gt     newSite     lt  a gt  lt  p gt     x000D  document write    lt p gt Please take note of the new website address  lt  p gt     x000D  document write    lt p gt If you are not automatically redirected please click the link above to proceed  lt  p gt     x000D  document write    lt p id  dvCountDown  gt You will be redirected after  lt span id    lblCount  gt  lt  span gt  amp nbsp seconds  lt  p gt     x000D   x000D  function DelayRedirect     x000D      var dvCountDown   document getElementById  dvCountDown    x000D      var lblCount   document getElementById  lblCount    x000D      dvCountDown style display    block   x000D      lblCount innerHTML   seconds  x000D      setInterval function      x000D          seconds--  x000D          lblCount innerHTML   seconds  x000D          if  seconds    0    x000D              dvCountDown style display    none   x000D              window location   newPath  x000D            x000D         1000   x000D    x000D  DelayRedirect   x000D   x000D   lt  script gt  x000D   lt  html gt  x000D   x000D   x000D

User · Answer

lt  DOCTYPE html gt   lt html gt       lt head gt           lt meta charset  UTF-8  gt           lt title gt Redirect to a page lt  title gt       lt  head gt       lt body onload  window location assign  http   example com    gt        lt  body gt   lt  html gt

User · Answer

It would be better to set up a 301 redirect  See the Google s Webmaster Tools article 301 redirects

User · Answer

Just for good measure    lt  php header  Location  example example com   TRUE  303   exit    gt    Make sure there are no echo s above the script otherwise it will be ignored  http   php net manual en function header php

User · Answer

Redirect using JavaScript   lt noscript gt  in case JS is disabled    lt script gt      window location replace  https   google com     lt  script gt    lt noscript gt       lt a href  https   google com  gt Click here if you are not redirected automatically  lt  a gt   lt  noscript gt

User · Answer

This is a sum up of every previous answers plus an additional solution using HTTP Refresh Header via  htaccess  1  HTTP Refresh Header  First of all  you can use  htaccess to set a refresh header like this  Header set Refresh  3    This is the  static  equivalent of using the header   function in PHP  header  refresh  3       Note that this solution is not supported by every browser   2  JavaScript  With an alternate URL    lt script gt      setTimeout function   location href  http   example com alternate url html     3000    lt  script gt    Without an alternate URL    lt script gt      setTimeout  location reload true    timeoutPeriod    lt  script gt    Via jQuery    lt script gt      window location reload true    lt  script gt    3  Meta Refresh  You can use meta refresh when dependencies on JavaScript and redirect headers are unwanted  With an alternate URL    lt meta http-equiv  Refresh  content  3  url http   example com alternate url html  gt    Without an alternate URL    lt meta http-equiv  Refresh  content  3  gt    Using  lt noscript gt     lt noscript gt       lt meta http-equiv  refresh  content  3    gt   lt  noscript gt    Optionally  As recommended by Billy Moon  you can provide a refresh link in case something goes wrong   If you are not redirected automatically   lt a href  http   example com alternat url html  gt Click here lt  a gt   Resources   Wikipedia Meta refresh The Performance Impact of META REFRESH Refresh  reload  a page once using jQuery

User · Answer

You could use a META  redirect     lt meta http-equiv  refresh  content  0  url http   new example com address    gt    or JavaScript redirect  note that not all users have JavaScript enabled so always prepare a backup solution for them    lt script language  javascript  gt    window location    http   new example com address    lt  script gt    But I d rather recommend using mod rewrite  if you have the option

User · Answer

I use a script which redirects the user from index html to relative url of Login Page   lt html gt     lt head gt       lt title gt index html lt  title gt     lt  head gt     lt body onload  document getElementById  lnkhome   click     gt       lt a href   Pages Login aspx  id  lnkhome  gt Go to Login Page lt a gt     lt  body gt   lt  html gt

User · Answer

The following meta tag  placed between inside the head  will tell the browser to redirect    lt meta http-equiv  Refresh  content  seconds  url URL  gt     Replace seconds with the number of seconds to wait before it redirects  and replace URL with the URL you want it  to redirect to   Alternatively  you can redirect with JavaScript  Place this inside of a script tag anywhere on the page   window location    URL

User · Answer

Razor engine for a 5 second delay    lt meta http-equiv  Refresh           content  5  url  Url Action  Search    Home   new   id    Model UniqueKey      gt

User · Answer

Just use the onload event of the body tag    lt body onload  window location    http   example com    gt

User · Answer

Put the following code in the  lt head gt  section    lt meta http-equiv  refresh  content  0  url http   address   gt

User · Answer

You can auto redirect by HTTP Status Code 301 or 302   For PHP    lt  php     Header  HTTP 1 1 301 Moved Permanently        Header  Location  http   www redirect-url com      gt

User · Answer

JavaScript   lt script type  text javascript  gt      window location href    http   example com    lt  script gt    Meta tag   lt meta http-equiv  refresh  content  0 url http   example com  gt

[html] Redirect from an HTML page

Examples related to html

Examples related to redirect

Examples related to xhtml

Examples related to meta

Examples related to html-head