HTML <iframe> Tags

Example

An inline frame is marked up as follows :

 <iframe src="http://www.w3professorss.com"></iframe> 
Execute Code

Definition and Usage

The <iframe> tag specifies an inline frame.

An inline frame is used to embed another document within the current HTML document.


Browser Support

The numbers in the table specify the first browser version that fully supports the element.

Element Chrome Internet Explorer Firefox Safari Opera
<iframe> Yes Yes Yes Yes Yes

Tips and Notes

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).


Differences Between HTML 4.01 and HTML5

HTML5 has added some new attributes, and several HTML 4.01 attributes are removed from HTML5.


Differences Between HTML and XHTML

In XHTML, the name attribute is deprecated, and will be removed. Use the global id attribute instead.


Attributes

html5badge= 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
html5badge 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>
src URL Specifies the address of the document to embed in the <iframe>
srcdoc html5badgeHTML_code Specifies the HTML content of the page to show in the <iframe>
width pixels Specifies the width of an <iframe>

Default CSS Settings

Most browsers will display the <iframe> element with the following default values :

iframe:focus {
    outline: none;
}

iframe[seamless] {
    display: block;
}