HTML <frameset> Tag

Example

A simple three-framed page:

<html>

<frameset cols="25%,*,25%">
  <frame src="fr-example1.html" />
  <frame src="fr-example2.html" />
  <frame src="fr-example3.html" />
</frameset>

</html>

Definition and Usage

The <frameset> tag defines a frameset.

The frameset element holds one or more frame elements. Each frame element can hold a separate document.

The frameset element states HOW MANY columns or rows there will be in the frameset, and HOW MUCH percentage/pixels of space will occupy each of them.

Browser Support

The <frameset> tag is supported in all major browsers.

Tips and Notes

Note: If you want to validate a page containing frames, be sure the doctype is set to "Frameset DTD". Read more about doctypes.

Important: You cannot use the body element together with the frameset element. However, if you add a <noframes> tag containing some text for browsers that do not support frames, you will have to enclose the text in a body element.

Optional Attributes

DTD indicates in which HTML 4.01/XHTML 1.0 DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.

Attribute Value Description DTD
cols pixels
%
*
Specifies the number and size of columns in a frameset F
rows pixels
%
*
Specifies the number and size of rows in a frameset F


Standard Attributes

The <frameset> tag supports the following standard attributes:

Attribute Value Description DTD
class classname Specifies a classname for an element F
id id Specifies a unique id for an element F
style style_definition Specifies an inline style for an element F
title text Specifies extra information about an element F

More information about Standard Attributes.

Event Attributes

The <frameset> tag supports the following event attributes:

Attribute Value Description DTD
onload script Script to be run when a document load F
onunload script Script to be run when a document unload F

More information about Event Attributes.

Code it Online - Examples

Horizontal frameset
How to make a horizontal frameset with three different documents.

Mixed frameset
How to make a frameset with three documents, and how to mix them in rows and columns.

How to use the <noframes> tag
How to use the <noframes> tag.

Frameset with noresize="noresize"
How to use the "noresize" attribute. The frames are not resizable. Move the mouse over the borders between the frames and Note: you can not move the borders.

Navigation frame
How to make a navigation frame. The navigation Frame 3ontains a list of links with the second Frame 1s the target. The file called "tryhtml_contents.html" contains three links. The source code of the links:
<a href ="fr-example1.html" target ="showframe">Frame 1</a><br>
<a href ="fr-example2.html" target ="showframe">Frame 2</a><br>
<a href ="fr-example3.html" target ="showframe">Frame 3</a>
The second frame will show the linked document.

Jump to a specified section within a frame
This example demonstrates two frames. One of the frames has a source to a specified section in a file. The specified section is made with <a name="C10"> in the "link.html" file.

Jump to a specified section with frame navigation
This example demonstrates two frames. The navigation frame (content.html) to the left contains a list of links with the second frame (link.html) as a target. The second frame shows the linked document. One of the links in the navigation frame is linked to a specified section in the target file. The HTML code in the file "content.html" looks like this: <a href ="link.html" target ="showframe">Link without Anchor</a><br><a href ="link.html#C10" target ="showframe">Link with Anchor</a>.


Have Any Suggestion? We Are Waiting To Hear from YOU!

Your Query was successfully sent!