HTML <frameset> 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 <frameset> tag defines a frameset.
The frameset element holds two or more frame elements. Each frame element holds a separate document.
The frameset element states only how many columns or rows there will be in the frameset.
Browser Support
The
<frameset> tag is supported in all major browsersDifferences Between HTML and XHTML
NONETips 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
Тег<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<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 |
| onclick | script | Script to be run on a mouse click | STF |
| ondblclick | script | Script to be run on a mouse double-click | STF |
| onmousedown | script | Script to be run when mouse button is pressed | STF |
| onmousemove | script | Script to be run when mouse pointer moves | STF |
| onmouseout | script | Script to be run when mouse pointer moves out of an element | STF |
| onmouseover | script | Script to be run when mouse pointer moves over an element | STF |
| onmouseup | script | Script to be run when mouse button is released | STF |
| onkeydown | script | Script to be run when a key is pressed | STF |
| onkeypress | script | Script to be run when a key is pressed and released | STF |
| onkeyup | script | Script to be run when a key is released | STF |
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?
