Targeting an Iframe

Iframes are a bit tricky but worth the time to study up on how to use them. One of the most commonly asked questions regarding iframes is how to code the links to open a specific page into the iframe area.

You will notice that within the iframe code of a BasicTemplate index.html page, the iframe has been named, ie ... name="content"

If the design you are using has more than one iframe, each iframe must have a different name.

When you have a hyperlinked page that you want to pull into the iframe, add a target to the hyperlink code, like that shown below:

<a href="about.html" target="content">

The part of the code that makes this happen is target="content". This tells the browser that when a visitor clicks on the hyperlink to pull your about.html page (for example) into the target on the page named "content" which is the name of the iframe.

Related Articles:

Quick & Easy Inline Frames (iFrames)