No-Frames Navigation System
Using <IFRAME>s

<IFRAME>s are also a powerful tool for webmasters. It's purpose is to allow you to insert the contents of an external file into your webpages - which is exactly what we want here.

The contents of the menu seen here on the left are stored in a separate, complete HTML file. You can update the navigation on your whole site, just by editing this single external file. It's even easier than using frames because you don't have to worry about the TARGET attribute, and you can add links to pages outside your own site without having to worry about them loading inside your frameset. And since the content of your <IFRAME> is simply an HTML document, it is as easy to create a menu page for this system as it would be for a page that uses frames.

<IFRAME>s are easy to use. Just insert an <IFRAME> tag similar to the following in your web pages where you want the menu to appear:

Then just change the name of the src file to the name of the file that holds the HTML code that displays your menu. It's best to use complete URLs here to avoid problems on pages where the source page is in a different directory than the menu file. And always remember to set the "target" attribute of your <a>nchor tags to "_top" so that the destination pages are displayed properly in the user's browser.

The advantages of using an <IFRAME> is that it doesn't require and services from the host server, the search engines handle them easily, and it doesn't require JavaScript support.

The downside of using an <IFRAME> is that the source file that contains the navigation menu is not seen by browsers or search engines as a part of the parent web page. They are seen as separate, independent documents. This can have some impact on your search engine rankings. At present, the effects seem to be minimal, but the search engines are always changing their ranking methods and so you need to be aware of this aspect of <IFRAME>s. As with regular <FRAME>s, it's a good idea to include a <NOFRAMES> section along with the >IFRAME> in order to provide clean, simple navigation links to your most important pages. View the source code for this page to see an example.

Click here to return to the Rainbo Design software menu.


No-Frames Navigation System© software Copyright (C) 2003 by Website Design Minneapolis by Rainbo Design. All rights reserved.