SEARCH
Newsletter
Subscribe to get design
tips, latest trends, free
stuff and more.
It doesn't look like an e-mail address

hosting

  Tutorials HTML and CSS Tutorials Meta Refresh

Meta Refresh

Brady Tutorials Nov 09, 2006

Meta RefreshWelcome to Brady's tutorial on Meta-Refreshing, what you need:

Programs: NotePad, Microsoft Frontpage, or DreamWeaver
Time Needed: 2-3 Minutes

Basically Meta-Refresh is a simpler way of redirection, It is much simpler than java or php.

There are two basic parts to the Meta-Refresh code and they are the content and the url. The content is the amount of time before the actual redirection/refresh, and the url is the location you wish to go to.

In this tutorial I am going to have the code redirect to the homepage of TutorialFX

<meta http-equiv="Refresh" content="5;URL=http://tutorialfx.com" />

Now it's time to break it down:

<meta http-equiv="Refresh"

This part of the code is what tells the document that you want to use the refresh.

content="5;

This is the content, the content is basically the delay and can be however long you want it to be.

URL=http://tutorialfx.com" />

This is the URL, or the final destination of the refresh. You can put in different sites, different pages on your site, or the page itself.

<meta http-equiv="Refresh" content="5;URL=http://tutorialfx.com" />

This is the final code, as you can see it is very simple and very efficient when you need it.

Hope it helps!

   
subscribe to newsletter