编辑这个页面须要登录或更高权限!

HTML: <iframe> srcdoc 属性

srcdoc属性指定要在内联框架中显示的页面的HTML内容,​srcdoc属性应该与 sandbox 和 seamless 属性一起使用

 HTML <iframe> 标签

在线示例

一个具有srcdoc属性的<iframe>:

<!DOCTYPE html>
<html>
<head>
<title>HTML:<iframe> srcdoc 属性 - 菜鸟教程 (cainiaojc.com)</title>
<body>
<iframe srcdoc="<p>Hello world!</p>" src="demo-iframe.html">
  <p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

表格中的数字表示支持该属性的第一个浏览器版本号。

属性




srcdoc20.0不支持25.06.0 15.0

定义和用法

srcdoc属性指定要在内联框架中显示的页面的HTML内容。

提示:srcdoc属性应该与 sandbox 和 seamless 属性一起使用。

如果浏览器支持srcdoc属性,它将覆盖src属性中指定的内容(如果存在)。
如果浏览器不支持srcdoc属性,它将显示src属性中指定的文件(如果存在)。

HTML 4.01 与 HTML5之间的差异

srcdoc 属性是 HTML5 中的新增属性。

语法

        <iframe srcdoc="HTML_code">

属性值

描述
HTML_codeHTML内容以在iframe显示。必须是有效的HTML语法
 HTML <iframe> 标签

HTML 参考手册
HTML 标签大全