HTML Iframe Tag - W3Schools

Trang chủ » Html5 Alternative To Iframe » HTML Iframe Tag - W3Schools

Có thể bạn quan tâm

HTML <iframe> Tag ❮ Previous Complete HTML Reference Next ❯

Example

An inline frame is marked up as follows:

<iframe src="https://www.w3schools.com" title="W3Schools Free Online Web Tutorials"></iframe> Try it Yourself »

More "Try it Yourself" examples below.

Definition and Usage

The <iframe> tag specifies an inline frame.

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

Tip: Use CSS to style the <iframe> (see example below).

Tip: It is a good practice to always include a title attribute for the <iframe>. This is used by screen readers to read out what the content of the <iframe> is.

Browser Support

Element
<iframe> Yes Yes Yes Yes Yes

Attributes

Attribute Value Description
allow Specifies a feature policy for the <iframe>
allowfullscreen truefalse Set to true if the <iframe> can activate fullscreen mode by calling the requestFullscreen() method
allowpaymentrequest truefalse Set to true if a cross-origin <iframe> should be allowed to invoke the Payment Request API
height pixels Specifies the height of an <iframe>. Default height is 150 pixels
loading eagerlazy Specifies whether a browser should load an iframe immediately or to defer loading of iframes until some conditions are met
name text Specifies the name of an <iframe>
referrerpolicy no-referrerno-referrer-when-downgradeorigin origin-when-cross-originsame-originstrict-origin-when-cross-originunsafe-url Specifies which referrer information to send when fetching the iframe
sandbox allow-formsallow-pointer-lockallow-popups allow-same-origin allow-scripts allow-top-navigation Enables an extra set of restrictions for the content in an <iframe>
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>. Default width is 300 pixels

Global Attributes

The <iframe> tag also supports the Global Attributes in HTML.

Event Attributes

The <iframe> tag also supports the Event Attributes in HTML.

More Examples

Example

Add and remove iframe borders (with CSS):

<iframe src="/default.asp" width="100%" height="300" style="border:1px solid black;"></iframe><iframe src="/default.asp" width="100%" height="300" style="border:none;"></iframe> Try it Yourself »

Related Pages

HTML tutorial: HTML Iframes

HTML DOM reference: IFrame Object

Default CSS Settings

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

iframe:focus { outline: none;} iframe[seamless] { display: block;} ❮ Previous Complete HTML Reference Next ❯ ★ +1 Sign in to track progress

Từ khóa » Html5 Alternative To Iframe