An inline frame is marked up as follows:
The <iframe> tag specifies an inline frame.
An inline frame is used to embed another document within the current HTML document.
Element | |||||
---|---|---|---|---|---|
<iframe> | Yes | Yes | Yes | Yes | Yes |
Tip: To deal with browsers that do not support <iframe>, add a text between the opening <iframe> tag and the closing </iframe> tag.
Tip: Use CSS to style the <iframe> (even to include scrollbars).
HTML5 has added some new attributes, and several HTML 4.01 attributes are removed from HTML5.
In XHTML, the name attribute is deprecated, and will be removed. Use the global id attribute instead.
= New in HTML5.
Attribute | Value | Description |
---|---|---|
align | left right top middle bottom |
Not supported in HTML5. Specifies the alignment of an <iframe> according to surrounding elements |
frameborder | 1 0 |
Not supported in HTML5. Specifies whether or not to display a border around an <iframe> |
height | pixels | Specifies the height of an <iframe> |
longdesc | URL | Not supported in HTML5. Specifies a page that contains a long description of the content of an <iframe> |
marginheight | pixels | Not supported in HTML5. Specifies the top and bottom margins of the content of an <iframe> |
marginwidth | pixels | Not supported in HTML5. Specifies the left and right margins of the content of an <iframe> |
name | text | Specifies the name of an <iframe> |
sandbox | allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation |
Enables an extra set of restrictions for the content in an <iframe> |
scrolling | yes no auto |
Not supported in HTML5. Specifies whether or not to display scrollbars in an <iframe> |
seamless | seamless | Specifies that the <iframe> should look like it is a part of the containing document |
src | URL | Specifies the address of the document to embed in the <iframe> |
srcdoc | HTML_code | Specifies the HTML content of the page to show in the <iframe> |
width | pixels | Specifies the width of an <iframe> |
The <iframe> tag also supports the Global Attributes in HTML.
The <iframe> tag also supports the Event Attributes in HTML.
HTML tutorial: HTML Iframes
HTML DOM reference: IFrame Object
Most browsers will display the <iframe> element with the following default values: