How to add HTML <iframe> srcdoc Attribute
An <iframe> with a srcdoc attribute.
This is a way to add HTML Code to Iframe
Definition and Usage
The srcdoc attribute specifies the HTML content of the page to show in the inline frame.
Tip: This attribute is expected to be used together with the sandbox and seamless attributes.
If a browser supports the srcdoc attribute, it will override the content specified in the src attribute (if present).
If a browser does NOT support the srcdoc attribute, it will show the file specified in the src attribute instead (if present).
Browser Support
The numbers in the table specify the first browser version that fully supports the attribute.
Syntax
<iframe srcdoc="HTML_code">
Attribute Values
| Value | Description |
|---|---|
| HTML_code | The HTML content to show in the iframe. Must be valid HTML syntax |
index.html
Example:
HTML
<iframe srcdoc="<p>Hello world!</p>" src="https://horje.com/view/1354/how-to-add-html-iframe-src-attribute">
Output should be:
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Tag |
Uploaded by: | Admin |