What are HTML Iframes?
An iframe is an HTML document embedded inside another HTML document. The <iframe>
tag specifies the URL of the embedded content, allowing for seamless integration of external resources. This section will guide you through the syntax and attributes of the <iframe>
tag, providing a solid foundation for your iframe usage.
Syntax:
<iframe src="URL" title="description"></iframe>
- The
src
attribute specifies the URL of the document you want to embed. - Iframes can include videos, maps, or entire web pages from other sources.
Attributes Value:
It contains a single value URL that specifies the URL of the document that is embedded in the iframe. There are two types of URL links which are listed below:
URL | Descriptions |
---|---|
Absolute URL | It points to another webpage. |
Relative URL | It points to other files of the same web page. |
Supported Attributes:
Attributes | Description |
---|---|
allow | Specifies a set of extra restrictions on the content that can be loaded in an <iframe> . |
allowfullscreen | Indicates whether the <iframe> can be displayed in fullscreen mode. |
allowpaymentrequest | Enables payment requests for content inside the <iframe> . |
height | Sets the height of the <iframe> element. |
width | Sets the width of the <iframe> element. |
loading | Specifies how the content of the <iframe> should be loaded. |
scrolling | Controls whether or not the <iframe> should have scrollbars. |
name | Specifies the name of the <iframe> for targeting its content or for referencing it in JavaScript. |
referrerpolicy | Sets the referrer policy for the <iframe> content. |
sandbox | Specifies an extra set of restrictions for the content in the <iframe> . |
src | Specifies the URL of the document to embed in the <iframe> . |
srcdoc | Specifies the HTML content of the page to display in the <iframe> . |
HTML Iframes
HTML iframes offer a powerful way to embed external content, such as videos, maps, or other webpages, directly into your own webpage. This article provides an in-depth exploration of HTML iframes, their syntax, and how they can be used to enhance your web development projects.