HTML srcdoc Attribute - HTML Attribute

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

Applies to

The srcdoc attribute can be used on the following element:

Element	Attribute
<iframe>	srcdoc

Browser Support

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

How to add An <iframe> with a srcdoc attribute -

The iframe srcdoc attribute.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<h1>The iframe srcdoc attribute</h1>

<iframe srcdoc="<p>Hello world!</p>" src="https://horje.com">
  <p>Your browser does not support iframes.</p>
</iframe>

</body>
</html>

Output should be:

html srcdoc attribute

Type:	Develop
Category:	Web Tutorial
Sub Category:	HTML Attribute
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference