Breaking

Thursday, May 9, 2019

HTML frame Tag

Example

A simple three-framed page:
<frameset cols="25%,50%,25%">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
</frameset>
Try it Yourself »
More "Try it Yourself" examples below.

Definition and Usage

The <frame> tag is not supported in HTML5.
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.
Note: If you want to validate a page containing frames, be sure the <!DOCTYPE> is set to either "HTML Frameset DTD" or "XHTML Frameset DTD".

Browser Support

Element
<frame>YesYesYesYesYes

Differences Between HTML 4.01 and HTML5

The <frame> tag is not supported in HTML5.

Differences Between HTML and XHTML

In HTML, the <frame> tag has no end tag. In XHTML, the <frame> tag must be properly closed.


Optional Attributes

AttributeValueDescription
frameborder0
1
Not supported in HTML5.
Specifies whether or not to display a border around a frame
longdescURLNot supported in HTML5.
Specifies a page that contains a long description of the content of a frame
marginheightpixelsNot supported in HTML5.
Specifies the top and bottom margins of a frame
marginwidthpixelsNot supported in HTML5.
Specifies the left and right margins of a frame
nametextNot supported in HTML5.
Specifies the name of a frame
noresizenoresizeNot supported in HTML5.
Specifies that a frame is not resizable
scrollingyes
no
auto
Not supported in HTML5.
Specifies whether or not to display scrollbars in a frame
srcURLNot supported in HTML5.
Specifies the URL of the document to show in a frame

Try it Yourself - 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.
Frameset with noresize="noresize"
How to use the "noresize" attribute. The border between frame A and B is not resizable.

No comments:

Post a Comment