HTML <frame> Tag
Example
A simple three-framed page:<html> <frameset cols="250px,*,250px"> <frame src="http://xhtml.co.il/tryit/html/frame_a.htm" /> <frame src="http://xhtml.co.il/tryit/html/frame_b.htm" /> <frame src="http://xhtml.co.il/tryit/html/frame_c.htm" /> </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 browsersDifferences 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 cannot 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
Тег<frame> поддерживает следующие стандартные атрибуты:| Attribute | Value | Description | DTD |
|---|---|---|---|
| class | classname | Specifies a classname for an element | STF |
| id | id | Specifies a unique id for an element | STF |
| style | style_definition | Specifies an inline style for an element | STF |
| title | text | Specifies extra information about an element | STF |
More information about Standard Attributes.
Event Attributes
The<frame> tag does not support any event attributes.More information about Event Attributes.
Example 1
How to make a horizontal frameset with three different documents.<frameset rows="50px,*,50px"> <frame src="http://xhtml.co.il/tryit/html/frame_a.htm" /> <frame src="http://xhtml.co.il/tryit/html/frame_b.htm" /> <frame src="http://xhtml.co.il/tryit/html/frame_c.htm" /> </frameset>
Example 2
How to make a frameset with three documents, and how to mix them in rows and columns.<frameset rows="250px,250px">
<frame src="http://xhtml.co.il/tryit/html/frame_a.htm" />
<frameset cols="250px,*">
<frame src="http://xhtml.co.il/tryit/html/frame_b.htm" />
<frame src="http://xhtml.co.il/tryit/html/frame_c.htm" />
</frameset>
</frameset>Example 3
How to use the <noframes> tag.<frameset cols="250px,*,250px">
<frame src="http://xhtml.co.il/tryit/html/frame_a.htm" />
<frame src="http://xhtml.co.il/tryit/html/frame_b.htm" />
<frame src="http://xhtml.co.il/tryit/html/frame_c.htm" />
<noframes>
Sorry, your browser does not handle frames!
</noframes>
</frameset>Example 4
How to use the "noresize" attribute. The frames are not resizable. Move the mouse over the borders between the frames and notice that you can not move the borders.<html> <frameset cols="250px,*,250px"> <frame src="http://xhtml.co.il/tryit/html/frame_a.htm" noresize="noresize" /> <frame src="http://xhtml.co.il/tryit/html/frame_b.htm" /> <frame src="http://xhtml.co.il/tryit/html/frame_c.htm" /> </frameset> </html>
Example 5
How to make a navigation frame. The navigation frame contains a list of links with the second frame as the target. The file called "tryhtml_contents.htm" contains three links.<frameset cols="250,*"> <frame src="http://xhtml.co.il/tryit/html/tryhtml_contents.htm" /> <frame src="http://xhtml.co.il/tryit/html/frame_a.htm" name="showframe" /> </frameset>
Example 6
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.<html> <frameset cols="200,*"> <frame src="http://xhtml.co.il/tryit/html/frame_a.htm" /> <frame src="http://xhtml.co.il/tryit/html/link.htm#C10" /> </frameset> </html>
Example 7
This example demonstrates two frames. The navigation frame (content.htm) to the left contains a list of links with the second frame (link.htm) 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.<frameset cols="180,*"> <frame src="http://xhtml.co.il/tryit/html/en/content.htm" /> <frame src="http://xhtml.co.il/tryit/html/link.htm" name="showframe" /> </frameset>
Was this information helpful?
