HTML <iframe> 标签的 srcdoc 属性

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


实例

带有 srcdoc 属性的 <iframe>:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <iframe srcdoc="<p>Hello world!</p>" src="/example/html/html_form.html">
  5. <p>您的浏览器不支持 iframes 标签。</p>
  6. </iframe>
  7. <p><b>注释:</b>所有主流浏览器都支持 srcdoc 属性,除了 Internet Explorer。</p>
  8. </body>
  9. </html>

浏览器支持

属性
actionYesNoYesYesYes

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

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


定义和用法

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

提示:

  • 该属性与 sandbox 和 seamless 属性一同使用。
  • 如果浏览器不支持 srcdoc 属性,则将覆盖在 src 属性(若已设置)中规定的内容。
  • 如果浏览器不支持 srcdoc 属性,则相应地会显示在 src 属性(若已设置)中规定的文件。

HTML 4.01 与 HTML 5 之间的差异

srcdoc 是 HTML5 中的新属性。


语法

  1. <iframe srcdoc="HTML_code">
属性值
描述
HTML_code 显示在框架中的 HTML 内容。必须是有效的 HTML 语法。