HTML <frame> Tag

Example

A simple three-framed page:

<html>

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

</html>

Definition and Usage

The <frame> tag defines one particular window (frame) within a frameset.

Each frame in a frameset can have different attributes, such as border, scrolling, the ability to resize, etc.

Browser Support

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

Differences Between HTML and XHTML

In HTML the <frame> tag has no end tag.

In XHTML the <frame> tag must be properly closed.

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
frameborder 0
1		 Specifies whether or not to display a border around a frame F
longdesc URL Specifies a page that contains a long description of the content of a frame F
marginheight pixels Specifies the top and bottom margins of a frame F
marginwidth pixels Specifies the left and right margins of a frame F
name name Specifies the name of a frame F
noresize noresize Specifies that a Frame 3annot be resized F
scrolling yes
no
auto		 Specifies whether or not to display scrollbars in a frame F
src URL Specifies the URL of the document to show in a frame F

Standard Attributes

The <frame> 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

According to the W3C, the <frame> tag does not support any event attributes.

However, the onload event is supported in all browsers.

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!