HTML <iframe> 标签的 srcdoc 属性

HTML <iframe> 标签HTML <iframe> 标签

srcdoc 属性规定页面的 HTML 内容显示在行内框架中。

提示:该属性与 sandbox 和 seamless 属性一同使用。

如果浏览器不支持 srcdoc 属性,则将覆盖在 src 属性(若已设置)中规定的内容。

如果浏览器不支持 srcdoc 属性,则相应地会显示在 src 属性(若已设置)中规定的文件。

 

1. 语法

<iframe srcdoc="HTML_code"> 

属性值

描述
HTML_code 显示在框架中的 HTML 内容。必须是有效的 HTML 语法。

 

2. 范例

带有 srcdoc 属性的 <iframe>:

<iframe srcdoc="<p>Hello world!</p>" src="demo_iframe_srcdoc.htm"></iframe>

我要试一试

 

3. 浏览器支持

IE Firefox Chrome Safari Opera

所有主流浏览器都支持 srcdoc 属性,除了 Internet Explorer。

注释:Opera 12 以及更早的版本不支持 srcdoc 属性,Safari 5 以及更早的版本也不支持该属性。

 

4. HTML 4.01 与 HTML 5 之间的差异

srcdoc 是 HTML5 中的新属性。

HTML <iframe> 标签HTML <iframe> 标签

HTML <iframe> 标签的 width 属性:1. 定义和用法:width 属性规定 iframe 的宽度。2. 语法:<iframe width="value">。属性值:pixels 以像素计的宽度值(比如 "100px")。percent 以包含元素百分比计的宽度值(比如 "20%")。